/* Wombid — brand design tokens
   Single source of truth for colours, type and radii.
   Shared by the marketing site and the Phase 2 app. */

:root {
  /* Colour */
  --wb-orange:      #FF5A1F;  /* Voltage Orange — primary accent */
  --wb-orange-dark: #E0490F;  /* hover / pressed */
  --wb-orange-tint: #FFB08F;  /* readable orange text on translucent orange fills
                                 over dark (index .chip, sample-report .wbr-fam);
                                 named here so the hex stops floating unlabelled */
  --wb-indigo:      #5457F2;  /* Electric Indigo — secondary (teal alt #12B5A5) */
  --wb-ink:         #16181D;  /* Charcoal — text / dark base */
  --wb-ink-2:       #1C1F26;  /* dark surface */
  --wb-ink-3:       #0F1115;  /* deepest */
  --wb-slate:       #5B6472;  /* secondary text */
  --wb-cloud:       #F6F7F9;  /* light surface */
  --wb-white:       #FFFFFF;
  --wb-line:        #E7E9ED;  /* light borders */
  --wb-line-dark:   #2A2D34;  /* dark borders */
  --wb-text-dark:   #B7BECB;  /* body text on dark */
  --wb-muted-dark:  #8A93A3;  /* muted on dark */
  --wb-success:     #1F8A5B;
  --wb-danger:      #D6402B;

  /* Frontier layer (2026-08-22). Documents the extras the v3 mocks use.
     Page-scoped --orange/--ink locals stay; do not rename them. */
  --wb-orange-deep:     #C93F0A;  /* AA-safe orange on white (links, email face) */
  --wb-orange-bright:   #FF6E3C;  /* primary button face top stop */
  --wb-orange-face-end: #F04E12;  /* primary button face bottom stop */
  --wb-d-cta:           #D14309;  /* home / Ads deep CTA face */
  --wb-body-on-white:   #2b2f38;  /* 16px reading colour on white */
  --wb-success-web:     #17724B;  /* page win text (tokens --wb-success stays) */
  --wb-success-bg:      #E7F6EC;
  --wb-success-chip:    #136341;
  --wb-danger-web:      #A03528;  /* report miss chip */
  --wb-danger-bg:       #FDECEA;

  /* Type */
  --wb-font-display: 'Space Grotesk', system-ui, sans-serif;  /* headings, wordmark; tracking -.03em; wt 500/700 */
  --wb-font-body:    'Inter', system-ui, sans-serif;          /* body/UI; wt 400-700 */
  --wb-font-mono:    'JetBrains Mono', ui-monospace, monospace;/* labels/captions; uppercase; tracking .2em */

  /* Radii */
  --wb-r-sm: 10px;
  --wb-r-md: 16px;
  --wb-r-lg: 22px;
  --wb-r-badge: 26%;  /* app-icon / mark badge */
}