/* הון בעצמי - Landing tokens (copied VALUES from src/app-spa/styles/tokens.css:17-33,
   per docs/landing-site/01-design-spec.md §1. This is a standalone copy, NOT an import
   of the platform file. Loaded before landing.css. */

:root {
  color-scheme: light;

  /* palette (platform tokens) */
  --blue: #3A5A7C;            /* trust band */
  --blue-dark: #2C4660;      /* headlines, final band */
  --blue-pale: #EBF0F5;      /* calm sections: pain, FAQ */
  --caramel: #C9956B;        /* hair-line thread, highlights */
  /* R5-CONTRAST-1: the old comment here claimed "text-safe on cream" and it was false.
     Measured sRGB: 4.78:1 on white, 4.47:1 on cream, 4.17:1 on blue-pale, 3.91:1 on
     caramel-pale. Only the white case clears 4.5:1, so this token is for button
     BACKGROUNDS (white label on it = 4.78:1) and for icons (3:1 threshold).
     Small text on cream must use --caramel-text below. */
  --caramel-action: #9F6539;
  --caramel-pale: #F5E6D5;   /* soft warmth: featured card, sticker, blob */
  --cream: #FAF7F2;          /* home base */
  --white: #FFFFFF;
  --text: #2A2622;
  --text-soft: #6B6560;
  --border: #E8E2DA;

  /* derived tints (this page only) */
  --navy-footer: #22364A;              /* darkened blue-dark */
  --caramel-hover: #8A5730;            /* darkened caramel-action */
  /* R5-CONTRAST-1: the small-text caramel. Kept separate from --caramel-action because
     that token is also a button background, so darkening it would darken every button
     on the site, which is a branding decision and not a bug fix.
     Deliberately routed through --caramel-hover rather than a literal, so the
     high-contrast override in a11y.css (which redefines --caramel-hover on the same
     html element) keeps flowing through to text without editing that file.
     Resolves to #8A5730: 5.64:1 on cream, 6.02:1 on white, 5.25:1 on blue-pale,
     4.92:1 on caramel-pale. In a11y-contrast mode it resolves to #6a4220 (8.14:1 on
     cream). Changing --caramel-hover therefore changes text contrast too: keep it at
     4.5:1 or better against cream.
     The literal fallback is not decoration: without it, deleting --caramel-hover would
     make this invalid at computed-value time and the four text sites would silently
     fall back to inherited colours that still pass a ratio test, so the loss would be
     invisible. NOTE: this token is for text on the LIGHT palette. On the navy bands
     it would be 1.62:1; dark surfaces use --gold-on-navy-text instead. */
  --caramel-text: var(--caramel-hover, #8A5730);
  --hairline: rgba(201, 149, 107, 0.25);
  /* R5-CONTRAST-2 measured: 5.05:1 on --blue-dark (and 4.57:1 over the 8% caramel
     linework strokes), but only 3.71:1 on --blue, so this token is for solid NAVY
     surfaces only. Text over the navy-to-blue gradient uses --gold-on-blue-text. */
  --gold-on-navy-text: #DCB38C;        /* ONLY small text on navy */
  /* R5-CONTRAST-2: small text over the blue gradient (--blue-dark to --blue), e.g.
     the guide cover mockup. Measured: 5.85:1 on --blue (the light end, the worst
     case) and 7.97:1 on --blue-dark, so it clears 4.5:1 across the whole gradient.
     The value equals --caramel-pale today but is deliberately an independent literal:
     that token is a background tint, and darkening it for card backgrounds must not
     silently break a text-contrast guarantee. */
  --gold-on-blue-text: #F5E6D5;
  --cream-wash: rgba(250, 247, 242, 0.92);

  /* type scale */
  --text-hero:      clamp(2.375rem, 1.45rem + 4.6vw, 4.5rem);   /* Discovery 700, lh 1.12 */
  --text-section:   clamp(1.75rem, 1.3rem + 2.2vw, 2.75rem);    /* Discovery 700, lh 1.2 */
  --text-card-title: clamp(1.125rem, 1.05rem + 0.4vw, 1.375rem); /* Discovery 500 */
  --text-body:      clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);  /* Talent 400, lh 1.7 */
  --text-kicker:    0.9375rem;                                   /* Discovery 500, ls 0.02em */
  --text-price:     clamp(3.25rem, 2.2rem + 5vw, 5.5rem);        /* Discovery 700 */

  /* rhythm */
  --space-section: clamp(3.5rem, 8vw, 7rem);
  --radius-card: 16px;
  --radius-button: 12px;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}