/**
 * @file homestead-theme-tokens.css
 * @description Design tokens for the public Herrera Homestead site: warm agricultural palette,
 *   type scale, spacing scale, radii and shadows. Light theme is primary; a considered dark
 *   variant is applied under prefers-color-scheme: dark. Layout lives in homestead-landing.css.
 *
 * @status Complete. Contrast of every text/background pair checked against WCAG AA.
 * @issues None
 * @todo None
 */

:root {
  /* Warm neutrals — paper, soil and linen rather than grey */
  --surface-page-color: #faf6ee;
  --surface-raised-color: #fffdf8;
  --surface-sunken-color: #f2ebdd;
  --border-subtle-color: #e0d5c1;
  --border-strong-color: #c8b99e;

  /* Ink */
  --text-primary-color: #2c2721;
  --text-secondary-color: #574f43;
  --text-on-accent-color: #fffdf8;

  /* Growing things */
  --accent-field-color: #3c5c2c;
  --accent-field-strong-color: #2d4720;
  --accent-clay-color: #9c4f21;
  --accent-wheat-color: #c98f2b;

  /* Decorative illustration stops — never used behind text */
  --illustration-sky-color: #dfe9d8;
  --illustration-sun-color: #e8b854;
  --illustration-hill-far-color: #90ad78;
  --illustration-hill-near-color: #5c7d44;
  --illustration-soil-color: #7c5a3a;

  /* Feedback */
  --placeholder-surface-color: #fdf3dc;
  --placeholder-border-color: #c98f2b;
  --placeholder-text-color: #6b4a09;
  --focus-ring-color: #9c4f21;

  /* Type — system stack only, no webfonts are loaded anywhere on this site */
  --font-body-stack:
    ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    "Noto Sans", sans-serif;
  --font-display-stack:
    ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-size-step--1: clamp(0.83rem, 0.80rem + 0.15vw, 0.90rem);
  --font-size-step-0: clamp(1.00rem, 0.96rem + 0.20vw, 1.10rem);
  --font-size-step-1: clamp(1.20rem, 1.12rem + 0.40vw, 1.40rem);
  --font-size-step-2: clamp(1.45rem, 1.30rem + 0.75vw, 1.85rem);
  --font-size-step-3: clamp(1.80rem, 1.50rem + 1.50vw, 2.60rem);
  --font-size-step-4: clamp(2.20rem, 1.70rem + 2.50vw, 3.60rem);

  /* Spacing */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;

  /* Shape */
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --shadow-raised: 0 1px 2px rgba(44, 39, 33, 0.06), 0 8px 24px rgba(44, 39, 33, 0.07);

  /* Layout */
  --content-max-width: 68rem;
  --prose-max-width: 38rem;
  --gutter-inline: clamp(1rem, 4vw, 2.5rem);

  --motion-duration: 180ms;

  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark is lamplight in a barn, not a black IDE — hues stay warm */
    --surface-page-color: #17140f;
    --surface-raised-color: #211d16;
    --surface-sunken-color: #100e0a;
    --border-subtle-color: #362f24;
    --border-strong-color: #4d4334;

    --text-primary-color: #f2ead9;
    --text-secondary-color: #c0b49d;
    --text-on-accent-color: #17140f;

    --accent-field-color: #a3c682;
    --accent-field-strong-color: #c0dc9f;
    --accent-clay-color: #e0975f;
    --accent-wheat-color: #e5bb63;

    --illustration-sky-color: #23281f;
    --illustration-sun-color: #c9993f;
    --illustration-hill-far-color: #3f5330;
    --illustration-hill-near-color: #2b3b20;
    --illustration-soil-color: #4a3626;

    --placeholder-surface-color: #2c2413;
    --placeholder-border-color: #a8802f;
    --placeholder-text-color: #f0d79a;
    --focus-ring-color: #e5bb63;

    --shadow-raised: 0 1px 2px rgba(0, 0, 0, 0.45), 0 8px 24px rgba(0, 0, 0, 0.35);
  }
}