/* Korravo Web Design System: semantic colour tokens (korravo.ai, v13). Not the Product Design System. Components use these names, never a primitive or a raw hex. Each token points at
   one step in primitives.css, so a palette change is made once, there. Names say the job, not the colour. */
:root{
  /* light surfaces */
  --color-bg-page:var(--neutral-50);
  --color-bg-subtle:var(--neutral-100);
  --color-surface:var(--white);
  --color-surface-raised:var(--neutral-25);

  /* text on light */
  --color-ink:var(--neutral-950);
  --color-ink-secondary:var(--neutral-700);
  --color-ink-muted:var(--neutral-600);

  /* lines on light */
  --color-line-subtle:var(--neutral-100);
  --color-line:var(--neutral-200);
  --color-line-strong:var(--neutral-400);

  /* dark surfaces */
  --color-bg-inverse:var(--neutral-950);
  --color-bg-inverse-raised:var(--neutral-900);
  --color-bg-inverse-overlay:var(--neutral-850);
  --color-bg-slate:var(--slate-950);

  /* text on dark */
  --color-ink-inverse:var(--neutral-50);
  --color-ink-inverse-secondary:var(--neutral-400);
  --color-ink-inverse-muted:var(--neutral-500);
  --color-ink-slate-muted:var(--slate-500);

  /* lines on dark */
  --color-line-inverse:rgb(184 187 183 / .14);
  --color-line-inverse-strong:rgb(184 187 183 / .26);

  /* Mint and logo green (Oct 21; Korravo approved the mint, Lindsey: thread the logo green through): mint #B0E1B6 for buttons, fills and
   everything on dark; the logo green #00B489 for small brand marks and accent lines on light (--color-brand, --color-brand-bright);
   text stays ink. Earlier note: One mint (Brian and Val, Oct 21): every green on the site is the signature mint #B0E1B6; green text on light sections is ink instead, since mint text on light is unreadable. Logo keeps its own green. Was: brand green: Korravo Green #B0E1B6 (leaf-500). It reads 2.3:1 on the light page, so it sits on dark surfaces, logos and
     small brand moments; brand text and marks on light use --color-brand-ink, a darker step of the same green. */
  --color-brand:var(--logo-green);
  --color-brand-ink:var(--neutral-950);
  --color-brand-bright:var(--logo-green);
  --color-brand-soft:var(--leaf-300);
  --color-brand-wash:var(--leaf-100);
  --color-brand-deep:var(--pine-900);

  /* Korravo Green accent and signature mint: primary action */
  --color-accent:var(--leaf-300);
  --color-accent-strong:var(--neutral-950);
  --color-action:var(--leaf-300);
  --color-action-hover:var(--leaf-200);
  --color-accent-wash:var(--leaf-100);
  --color-on-action:var(--neutral-950);

  /* highlight and focal accents */
  --color-warning:var(--amber-500);
  --color-warning-ink:var(--amber-700);
  --color-warning-wash:var(--amber-100);
  --color-attention:var(--tangerine-600);
  --color-attention-ink:var(--tangerine-700);
  --color-attention-wash:var(--tangerine-100);
}