/* Source D'Amour design tokens v1
   Source of truth: brand/sda-design-legend-v1.md
   Rule of use: components read tokens; nothing hardcodes a hex or a ms value. */

:root {
  /* Color: grounds */
  --sda-paper: #f9f5ec;        /* page ground */
  --sda-panel: #f2ebdd;        /* secondary ground, default photo mat */
  --sda-night: #191410;        /* footer + max two CTA bands per page */
  --sda-night-ink: #efe7d8;    /* text on night */

  /* Color: ink */
  --sda-ink: #241b12;          /* text, primary buttons */
  --sda-ink-soft: #6b5d4d;     /* secondary text */
  --sda-wood-line: #e0d4bf;    /* hairlines on paper */

  /* Color: accents (inlay colors; one accent per element, never both) */
  --sda-verdigris: #3e8f82;    /* links, focus, eyebrows, "on hold" */
  --sda-oxblood: #7c3a2d;      /* hover emphasis, "sold", pull-quote accents */

  /* Type: faces
     STIX = the voice (anything read aloud as a sentence)
     Hanken = the fixtures (anything clicked or scanned as data) */
  --sda-serif: "STIX Two Text", Georgia, "Times New Roman", serif;
  --sda-sans: "Hanken Grotesk", system-ui, sans-serif;

  /* Type: scale (minor third on 19px body) */
  --sda-display: clamp(2.75rem, 1.4rem + 6vw, 4.5rem);
  --sda-h1: clamp(2.1rem, 1.4rem + 3vw, 3.05rem);
  --sda-h2: clamp(1.65rem, 1.25rem + 1.8vw, 2.15rem);
  --sda-h3: clamp(1.3rem, 1.15rem + 0.7vw, 1.5rem);
  --sda-body: clamp(1.0625rem, 1rem + 0.35vw, 1.1875rem);
  --sda-small: 1rem;
  --sda-caption: 0.875rem;
  --sda-label: 0.75rem;

  /* Type: leading and tracking pairs (use with the matching size) */
  --sda-lh-display: 1.02;  --sda-ls-display: -0.015em;
  --sda-lh-h1: 1.08;       --sda-ls-h1: -0.01em;
  --sda-lh-h2: 1.12;       --sda-ls-h2: -0.005em;
  --sda-lh-h3: 1.2;
  --sda-lh-body: 1.62;
  --sda-lh-caption: 1.45;
  --sda-ls-label: 0.14em;  /* Hanken uppercase labels only, never serif */

  /* Measure */
  --sda-measure: 68ch;         /* body max */
  --sda-measure-lead: 46ch;    /* lead paragraphs */

  /* Space (structural rhythm) */
  --sda-space-1: 0.25rem;
  --sda-space-2: 0.5rem;
  --sda-space-3: 1rem;
  --sda-space-4: 1.5rem;
  --sda-space-5: 2.5rem;
  --sda-space-6: 4rem;
  --sda-space-band: clamp(3rem, 6vw, 4.5rem);      /* section padding */
  --sda-space-band-lg: clamp(3.5rem, 7vw, 5.5rem); /* feature band padding */

  /* Edges and mats */
  --sda-radius: 2px;                                   /* buttons/inputs; photos square */
  --sda-hairline: 1px solid rgba(36, 27, 18, 0.10);    /* on photos and inputs */
  --sda-rule: 1px solid rgba(36, 27, 18, 0.15);        /* text section dividers */
  --sda-mat-shadow: 0 2px 18px rgba(36, 27, 18, 0.14); /* matted-print float */

  /* Motion (settle, never bounce; notice it = too much) */
  --sda-ease-settle: cubic-bezier(0.2, 0.65, 0.3, 0.9);  /* reveals */
  --sda-ease-lift: cubic-bezier(0.22, 0.61, 0.36, 1);    /* hovers */
  --sda-t-press: 180ms;      /* buttons: color only */
  --sda-t-link: 240ms;       /* underline draw-in */
  --sda-t-hover-in: 500ms;   /* image lift in */
  --sda-t-hover-out: 700ms;  /* image release (slower out reads expensive) */
  --sda-t-reveal: 600ms;     /* scroll reveal, 12 to 16px translateY, fires once */
  --sda-t-mark: 1000ms;      /* the enso signature moment, once per session */

  /* Focus */
  --sda-focus: 2px solid var(--sda-verdigris);
  --sda-focus-offset: 3px;

  /* Component sizes */
  --sda-btn-h: 48px;
  --sda-btn-h-small: 40px;
  --sda-mark-nav: 60px;   /* header mark */
  --sda-frame-ratio: 4 / 5;  /* the house product frame */
}