/* ==========================================================================
   PALETTE — the brand ramps, from Colours.pdf.
   --------------------------------------------------------------------------
   Six ramps, ten stops each. Authoritative: these values are transcribed from
   the PDF, not sampled from a screenshot.

   The named picks:
     B700  primary brand      C900  complementary
     L800  analogous light    D600  analogous dark
     T800  triadic teal       P800  triadic purple

   The family is constructed, not assembled: B700 #288B3D, D600 #288B6F,
   T800 #28768B and P800 #3D288B are the same 28/8B component pair rotated
   through hue. Keep that relationship when adding anything.

   SOURCE PALETTE, NOT A THEME. Pick stops and bind them to roles in tokens.css.
   Never wire a component to a ramp name, or the token swap stops working.

   The figure after each value is its contrast on the cream ground #F4EFE3.
   Under 4.5 cannot carry body text.
   ========================================================================== */

:root {

  /* brand */
  --brand-900: #095B21;       /*  7.23:1 on cream · text ok   */
  --brand-800: #1E7A33;       /*  4.71:1 on cream · text ok   */
  --brand-700: #288B3D;       /*  3.77:1 on cream · large only */
  --brand-600: #339D49;       /*  3.02:1 on cream · large only */
  --brand-500: #3BAC52;       /*  2.54:1 on cream · fill only  */
  --brand-400: #5AB86B;       /*  2.15:1 on cream · fill only  */
  --brand-300: #78C585;       /*  1.81:1 on cream · fill only  */
  --brand-200: #9FD4A8;       /*  1.47:1 on cream · fill only  */
  --brand-100: #C4E5C9;       /*  1.19:1 on cream · fill only  */
  --brand-50: #E7F5E9;        /*  1.02:1 on cream · fill only  */

  /* comp */
  --comp-900: #8B2876;        /*  6.87:1 on cream · text ok   */
  --comp-800: #B32D83;        /*  5.06:1 on cream · text ok   */
  --comp-700: #CA2F8A;        /*  4.27:1 on cream · large only */
  --comp-600: #E23193;        /*  3.59:1 on cream · large only */
  --comp-500: #F53299;        /*  3.16:1 on cream · large only */
  --comp-400: #F151AC;        /*  2.81:1 on cream · fill only  */
  --comp-300: #F071BE;        /*  2.34:1 on cream · fill only  */
  --comp-200: #F19AD1;        /*  1.78:1 on cream · fill only  */
  --comp-100: #F4C1E4;        /*  1.35:1 on cream · fill only  */
  --comp-50: #FAE7F4;         /*  1.03:1 on cream · fill only  */

  /* lime */
  --lime-900: #1D6916;        /*  5.93:1 on cream · text ok   */
  --lime-800: #448B28;        /*  3.68:1 on cream · large only */
  --lime-700: #589F31;        /*  2.85:1 on cream · fill only  */
  --lime-600: #6CB33B;        /*  2.25:1 on cream · fill only  */
  --lime-500: #7AC343;        /*  1.88:1 on cream · fill only  */
  --lime-400: #8ECC60;        /*  1.67:1 on cream · fill only  */
  --lime-300: #A3D57D;        /*  1.48:1 on cream · fill only  */
  --lime-200: #BEE1A2;        /*  1.26:1 on cream · fill only  */
  --lime-100: #D8EDC7;        /*  1.09:1 on cream · fill only  */
  --lime-50: #EFF8E8;         /*  1.05:1 on cream · fill only  */

  /* pine */
  --pine-900: #144F38;        /*  8.30:1 on cream · text ok   */
  --pine-800: #1D6B52;        /*  5.58:1 on cream · text ok   */
  --pine-700: #237B60;        /*  4.49:1 on cream · large only */
  --pine-600: #288B6F;        /*  3.65:1 on cream · large only */
  --pine-500: #2C987B;        /*  3.11:1 on cream · large only */
  --pine-400: #3EA88D;        /*  2.55:1 on cream · fill only  */
  --pine-300: #5BB8A0;        /*  2.08:1 on cream · fill only  */
  --pine-200: #87CCBA;        /*  1.61:1 on cream · fill only  */
  --pine-100: #B6E0D5;        /*  1.25:1 on cream · fill only  */
  --pine-50: #E1F2EF;         /*  1.01:1 on cream · fill only  */

  /* teal */
  --teal-900: #1C545F;        /*  7.37:1 on cream · text ok   */
  --teal-800: #28768B;        /*  4.51:1 on cream · text ok   */
  --teal-700: #2F89A4;        /*  3.50:1 on cream · large only */
  --teal-600: #389DBE;        /*  2.72:1 on cream · fill only  */
  --teal-500: #3EACD1;        /*  2.28:1 on cream · fill only  */
  --teal-400: #45B8DB;        /*  2.00:1 on cream · fill only  */
  --teal-300: #5CC3E4;        /*  1.76:1 on cream · fill only  */
  --teal-200: #86D5EE;        /*  1.43:1 on cream · fill only  */
  --teal-100: #B5E5F6;        /*  1.18:1 on cream · fill only  */
  --teal-50: #E1F4FC;         /*  1.01:1 on cream · fill only  */

  /* violet */
  --violet-900: #2C1D7B;      /* 11.67:1 on cream · text ok   */
  --violet-800: #3D288B;      /*  9.76:1 on cream · text ok   */
  --violet-700: #482E94;      /*  8.74:1 on cream · text ok   */
  --violet-600: #54359D;      /*  7.71:1 on cream · text ok   */
  --violet-500: #5C3AA2;      /*  7.09:1 on cream · text ok   */
  --violet-400: #7456B0;      /*  4.95:1 on cream · text ok   */
  --violet-300: #8C73BE;      /*  3.45:1 on cream · large only */
  --violet-200: #AC9BD0;      /*  2.19:1 on cream · fill only  */
  --violet-100: #CDC3E2;      /*  1.46:1 on cream · fill only  */
  --violet-50: #EBE6F3;       /*  1.07:1 on cream · fill only  */

  /* blue — the primary button (9 Oct, after voiceflow.com's "Get started").
     White text on --blue-500 is 3.6:1, on --blue-600 4.9:1: the button text
     is 15px semibold, so it reads as large-ish UI text. */
  --blue-500: #397DFF;
  --blue-600: #2F68DB;
  --blue-700: #264EB4;
  --blue-shadow: #0F1E61;     /* shadow tint only */
  --orange-500: #F55A1F;      /* hero pill arrow on hover (9 Oct) · fill only */

  /* grey — from "Brand Grey.pdf" (24 Sep). Contrast on B50 #E7F5E9 / B100 band #C4E5C9. */
  --grey-900: #15141C;        /* 16.22 / 13.40 · text ok — headings */
  --grey-800: #35343C;        /* 10.91 /  9.02 · text ok   */
  --grey-700: #53525B;        /*  6.84 /  5.65 · text ok — body */
  --grey-600: #66656F;        /*  5.10 /  4.21 · text on B50 only */
  --grey-500: #8E8C97;        /*  2.94 /  2.43 · fill only  */
  --grey-400: #AEADB8;        /*  fill only  */
  --grey-300: #D3D1DD;        /*  fill only  */
  --grey-200: #E4E3EE;        /*  fill only  */
  --grey-100: #EFEEF9;        /*  fill only  */
  --grey-50:  #F8F6FF;        /*  fill only  */

  /* ---------------------------------------------------------------------
     AdPilot PRODUCT THEMES (shared 29 Sep). The two colour themes the AdPilot
     product itself ships. Each drives one homepage version (v2, v3).
     Values sampled from the swatch images. Order kept as supplied.
     --------------------------------------------------------------------- */

  /* ember: warm near-blacks, stone, cream, one orange.
     Contrast: first figure on --ember-black, second on --ember-cream. */
  --ember-black:  #131210;    /*  1.00 / 16.13 */
  --ember-coal:   #221D19;    /*  1.12 / 14.38 */
  --ember-bark:   #3C332C;    /*  1.52 / 10.63 · text on cream */
  --ember-stone:  #C0B6AA;    /*  9.37 /  1.72 · text on dark only */
  --ember-cream:  #F4EDE5;    /* 16.13 /  1.00 */
  --ember-orange: #F1A04B;    /*  8.80 /  1.83 · accent on dark; dark text on it 8.8 */

  /* sage: cool pale greens, one deep forest, one brand green.
     Contrast: first figure on --sage-mist, second on --sage-forest. */
  --sage-mist:    #EDF2EE;    /*  1.00 / 14.82 */
  --sage-fog:     #E3E8E4;    /*  1.09 / 13.54 */
  --sage-lichen:  #B7C3B7;    /*  1.61 /  9.20 · fill / line on light */
  --sage-moss:    #3D4A40;    /*  8.23 /  1.80 · text on light */
  --sage-forest:  #0B2210;    /* 14.82 /  1.00 */
  --sage-green:   #1F6D38;    /*  5.61 /  2.64 · text on light; white on it 6.36 */

  /* ---------------------------------------------------------------------
     v1 surfaces (supplied 29 Sep, ref developers.databricks.com).
     --------------------------------------------------------------------- */
  --paper:       #F9F7F4;     /* warm off-white section · grey-900 on it 17.10 */
  --logo-mint:   #9FD8AE;     /* AdPilot inner loop on dark grounds, supplied 3 Oct */
  --pixel-green: #003F12;     /* pixel (v1) accent, supplied 2 Oct · on paper 13.0 · paper on it 13.0 */
  --deep-teal:   #1A2E2F;     /* closing + footer ground · paper on it 13.31 */
  --ember-orange-ink: #8F4E12;  /* orange darkened for TEXT on light grounds · 5.54 on cream */

  /* v2 surfaces (supplied 29 Sep). */
  --how-teal:    #031A23;     /* structured How it works band (6 Oct, supplied) · cream on it 16.0 */
  --mint:        #E4F1EB;     /* pale sage section · forest on it 14.46, moss 8.03 */
  --night:       #18191C;     /* v2 base dark · cream on it 15.14, stone 8.80 */
  --sage-muted:  #55645A;     /* muted text on mint · 5.39 */
  --ember-muted: #6B6157;     /* muted text on cream / paper · 5.21 / 5.66 */
  --night-2:     #121317;     /* v2 section 2 (supplied) · cream 15.99, stone 9.29, muted 5.51 */
  --night-deep:  #0B0C0F;     /* v2 hero, a step darker than --night-2 (Databricks-dev rhythm) · cream 16.85 */

  /* Illustration colours (29 Sep): the ember + sage family pushed brighter,
     after polarsignals.com's feature-card art. FILLS ONLY: icon tiles, chart
     strokes, glows, diff marks. Never text or controls. The grain glows in
     assets/img/glow-*.png are rendered from these same hexes
     (tools/grainglow.py). */
  --white:       #FFFFFF;
  --black:       #000000;     /* shadows on dark only (8 Oct header) */
  --ill-ember:   #F1A04B;     /* = ember orange */
  --ill-flame:   #E8703A;
  --ill-butter:  #F4D57A;
  --ill-lime:    #C6E26A;
  --ill-sage:    #6CC08C;
  --ill-jade:    #2F9E73;
  --ill-teal:    #4CC3B5;
  --emerald:     #3FCB8E;     /* brand-green highlight on the dark bands (6 Oct) · on #031A23 9.2 */

  /* Interface mockups (29 Sep): the real colours of the operating system
     and third-party apps drawn in the Interfaces tabs — macOS window
     controls, Terminal, Slack. ONLY for those mockups; never site UI. */
  --mac-close:        #FF5F57;
  --mac-min:          #FEBC2E;
  --mac-zoom:         #28C840;
  --term-bg:          #1E1E1E;
  --term-bar:         #323232;
  --term-text:        #E6E6E6;
  --term-dim:         #8C8C8C;
  --slack-aubergine:  #4A154B;
  --slack-aubergine-2:#3F0E40;
  --slack-active:     #1164A3;
  --slack-green:      #007A5A;
  --slack-text:       #1D1C1D;
  --slack-muted:      #616061;
  --slack-line:       #DDDDDD;

  /* Ad-network monograms (8 Oct): each network's own brand colour, ONLY on
     the small letter tiles in the Connections mockup; never site UI. */
  --net-meta:         #0866FF;
  --net-tiktok:       #010101;
  --net-google:       #4285F4;
  --net-snap:         #FFFC00;
}