/* ============================================================
   RIDGE DESIGN TOKENS — the single source of truth for colour.
   No raw hex may appear anywhere else in the codebase.
   Enforced by scripts/check-colors.sh. See docs/colors.md.
   ============================================================ */
:root{
  --white:   #FFFFFF; /* page, cards, sheets, app background */
  --grey-1:  #F5F5F5; /* chips, input fills, row hover, dot grid */
  --grey-2:  #EBEBEB; /* hairlines, every divider */
  --grey-3:  #D9D9D9; /* borders on cards, inputs, secondary buttons */
  --grey-4:  #A3A3A3; /* disabled text, placeholders, drag handles */
  --grey-5:  #5A5A5A; /* secondary text, labels, dates, grey headline half */
  --grey-6:  #404040; /* descriptions, table cells */
  --ink:     #111111; /* primary text, primary buttons, active states */

  --yellow:      #FFF02D; /* accent: primary fills only. Always ink text on it. Never text, line or border. */
  --yellow-soft: color-mix(in srgb, var(--yellow) 15%, var(--white)); /* highlighted rows, idle machine bg */

  --green:   #1F8A4C; /* paid, synced, done — small pills and checks only */
  --red:     #C8322B; /* destructive and failed only */

  /* third-party brand marks (logos only — never UI) */
  --google-blue:#4285F4; --google-green:#34A853; --google-yellow:#FBBC05; --google-red:#EA4335;
}