/* Shared color tokens for the Clarity Edit client page (clarityedit.html).

   Canonical source: the page reads every color and every shadow from here through var(--x).
   The page's own <style> block contains no hex literal, no functional color notation, and no
   CSS named color, which is checked mechanically before every commit. Follows the same single
   :root{} shape as Assets/quickcyclesatx-tokens.css and Assets/jld-cv-tokens.css.

   Provenance (rewritten 2026-08-17, vibrancy re-skin): these values are measured from Favour
   Nwaokorobia's OWN published materials, not from the old webofinspiration site. Her LinkedIn
   banner supplies the electric indigo (#2302FF, CTA fill + credential bar + word highlights),
   the periwinkle-lavender-blush gradient, and the hot orange badges. Her two Featured promo
   cards supply the cornflower highlight (#325AE3), the CTA orange (#E67C3F, deepened one step
   here to #D96C2C so its boundary clears 3:1 on white), the peach wash (#F9D3BC verbatim) and
   the warm blush-white (#F8EEED verbatim). Her Topmate portrait backdrop supplies the warm
   charcoal (#2A2526). The prior slate/sage/teal set was measured as NOT her brand: her Substack
   is provably un-customized and her Kit page carries none of her graphic colors, so this file
   corrects toward the brand she actually publishes.

   Her design law, measured and binding: washes at S <= 0.30, accents at S >= 0.70, no
   mid-saturation tier. Every text pair this file produces was computed against WCAG 2.x, not
   eyeballed; the ratios live in the build plan and the commit message. */
:root{
  /* Inks */
  --ce-ink:        #0A0608;  /* her true-black headline type; 20.14:1 on white */
  --ce-ink-body:   #2A2526;  /* her warm charcoal as prose ink; 15.10:1 white, 10.20:1 worst hero stop */
  --ce-ink-muted:  #655B5F;  /* charcoal lifted until >= 4.5:1 on every light ground (6.53 white,
                                5.59 band, 5.62 blush); stays in her warm hue family */

  /* Accents, all S >= 0.70 per her accent law */
  --ce-accent:      #2302FF; /* her electric indigo; 8.32:1 white, 7.12 band, 5.62 hero top */
  --ce-accent-deep: #1B01CC; /* indigo darkened one step, link hover; 10.92:1 white */
  --ce-highlight:   #325AE3; /* her cornflower, distinct from the indigo by her own usage;
                                white text on it 5.66:1 */
  --ce-cta:         #D96C2C; /* her CTA orange deepened one step; ink text on it 5.88:1,
                                boundary on white 3.42:1 */
  --ce-cta-deep:    #A64B12; /* same hue, deep: CTA button edge; 5.77:1 white, 3.90 hero top */

  /* Grounds and washes, all S <= 0.30 per her wash law */
  --ce-surface:     #FFFFFF; /* page ground, card fill */
  --ce-charcoal:    #2A2526; /* her portrait backdrop, dark band ground; same value as ink-body,
                                deliberately a separate role token */
  --ce-wash-band:   #E9EDFC; /* her periwinkle tinted to L*93.8; replaces the old #F8F9FA whose
                                1.05:1 alternation was invisible (dE76 9.9 vs white, was 2.2) */
  --ce-wash-blush:  #FBEAEC; /* her blush pink tinted; the final band */
  --ce-wash-circle: #DCE3FC; /* periwinkle at L*90.4: framework circles, avatar ring fill */
  --ce-wash-peach:  #F9D3BC; /* her peach verbatim; accents on the charcoal band, 10.83:1 there */
  --ce-hero-a:      #C9D3FB; /* her banner periwinkle lightened one step; hero gradient top */
  --ce-hero-b:      #F2E2FC; /* her lavender verbatim; hero gradient middle */
  --ce-hero-c:      #F8EEED; /* her warm blush-white verbatim; hero gradient base */

  /* Lines */
  --ce-rule:        #D6DCF5; /* decorative hairlines: navbar underline, footer top, embed frame */
  --ce-rule-strong: #7780A9; /* structural card borders; 3.86:1 white, 3.30:1 band; S 0.296
                                sits under the wash cap on purpose */
  --ce-rule-accent: rgba(35, 2, 255, 0.35);  /* linked-card hover border */

  /* REVIEW LAYER ONLY, DELETE BEFORE MERGING TO MAIN.
     Not part of the palette, deliberately outside it so an annotation can never be mistaken
     for design. Consumed only by .ce-flag*, which carries data-review-flag on every instance.
     Measured 6.78:1. Comes off with the flags. */
  --ce-flag-bg:          #FFF8E1;
  --ce-flag-ink:         #7A4E00;

  /* Whole effects, alpha included, so the page writes no rgba() of its own */
  --ce-nav-bg:           rgba(255, 255, 255, 0.95);
  --ce-shadow-card:      0 16px 35px rgba(35, 2, 255, 0.10);   /* linked-card hover */
  --ce-shadow-card-rest: 0 4px 14px rgba(35, 2, 255, 0.06);    /* always-on card shadow */
  --ce-shadow-btn:       0 4px 12px rgba(166, 75, 18, 0.28);   /* orange CTA at rest */
  --ce-shadow-btn-hover: 0 6px 18px rgba(35, 2, 255, 0.30);    /* indigo CTA hover */
}