@import url("./fonts/satoshi.css");
/* TrustTerm brand tokens — source: brand-guideline-board.webp (Gradient palette / 02) */
:root {
  /* Core palette */
  --brand-navy: #171B40;   /* Trust Foundation  — primary text, dark surfaces */
  --brand-lime: #D6F367;   /* Verified Signal   — accent, highlights, CTA on dark */
  --brand-deep: #032324;   /* Intelligence Field — deep green-black, secondary dark surface */
  --brand-paper: #FBFAF5;  /* Off-white         — page background, text on dark */

  /* Gradient palette */
  --brand-grad-signal: linear-gradient(180deg, #FBFAF5 0%, #F2F6DC 25%, #E6F3B5 50%, #D8F08C 75%, #D6F367 100%);        /* paper → lime */
  --brand-grad-field: linear-gradient(180deg, #D6F367 0%, #9DB75D 25%, #607A46 50%, #294536 75%, #032324 100%);         /* lime → deep */
  --brand-grad-foundation: linear-gradient(180deg, #032324 0%, #112A2A 25%, #12262E 50%, #141F33 75%, #171B40 100%);    /* deep → navy */

  /* Typography */
  --brand-font: "Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Official background gradients (locked 2026-10-01): Signal Horizon, Field Depth, Paper Light.
   Mirrors Figma styles 'TrustTerm/Gradient v2/*' (node 235:178).
   Figma lists fills bottom→top; CSS lists backgrounds top→bottom, so layers are reversed. */
:root {
  --brand-bg-signal-horizon:
    radial-gradient(ellipse 95% 70% at 50% 30%, rgba(10, 12, 34, 0) 45%, rgba(10, 12, 34, 0.5) 100%),
    radial-gradient(ellipse 45% 16% at 50% 100%, rgba(251, 250, 245, 0.7) 0%, rgba(251, 250, 245, 0) 100%),
    radial-gradient(ellipse 100% 75% at 50% 100%, rgba(214, 243, 103, 0.95) 0%, rgba(185, 222, 96, 0.8) 18%, rgba(62, 122, 72, 0.55) 42%, rgba(10, 58, 51, 0.2) 72%, rgba(3, 35, 36, 0) 100%),
    linear-gradient(180deg, rgba(23, 27, 64, 1) 0%, rgba(15, 26, 46, 1) 55%, rgba(3, 35, 36, 1) 100%),
    linear-gradient(#10132E, #10132E);
  --brand-bg-field-depth:
    radial-gradient(ellipse 80% 80% at 50% 50%, rgba(2, 22, 26, 0) 60%, rgba(2, 22, 26, 0.6) 100%),
    radial-gradient(ellipse 30% 30% at 95% 98%, rgba(214, 243, 103, 0.4) 0%, rgba(214, 243, 103, 0) 100%),
    radial-gradient(ellipse 55% 60% at 72% 62%, rgba(31, 90, 72, 0.8) 0%, rgba(11, 59, 52, 0.35) 60%, rgba(3, 35, 36, 0) 100%),
    radial-gradient(ellipse 90% 90% at 10% 10%, rgba(23, 27, 64, 0.95) 0%, rgba(23, 27, 64, 0) 100%),
    linear-gradient(#032324, #032324);
  --brand-bg-paper-light:
    linear-gradient(180deg, rgba(251, 250, 245, 0) 0%, rgba(23, 27, 64, 0.04) 100%),
    radial-gradient(ellipse 70% 60% at 5% 100%, rgba(201, 214, 210, 0.55) 0%, rgba(251, 250, 245, 0) 100%),
    radial-gradient(ellipse 60% 70% at 90% 0%, rgba(214, 243, 103, 0.45) 0%, rgba(233, 245, 180, 0.25) 50%, rgba(251, 250, 245, 0) 100%),
    linear-gradient(#FBFAF5, #FBFAF5);
}