/* ==========================================================================
   digHy — Color tokens
   Dark-only system. Colors are HSL components for opacity flexibility:
   use as hsl(var(--token)) or hsl(var(--token) / 0.5).
   Extracted from dighy-transition-frontend/src/assets/css/main.css.
   ========================================================================== */
:root {
  /* ----- Surfaces (dark only) ----- */
  --background: 0 0% 7%;            /* @kind color */ /* #121212 — page background */
  --foreground: 0 0% 100%;          /* @kind color */ /* #ffffff — primary text */
  --card: 0 0% 11%;                 /* @kind color */ /* #1c1c1c — card surface */
  --card-foreground: 0 0% 100%;     /* @kind color */
  --popover: 0 0% 11%;              /* @kind color */
  --popover-foreground: 0 0% 100%;  /* @kind color */
  --sidebar-background: 0 0% 11%;   /* @kind color */
  --sidebar-foreground: 0 0% 100%;  /* @kind color */

  /* ----- Brand ----- */
  --primary: 145 100% 57%;          /* @kind color */ /* #00e676 — digHy green */
  --primary-hover: 145 100% 50%;    /* @kind color */ /* #00d865 */
  --primary-active: 145 60% 33%;    /* @kind color */ /* #00a844 */
  --primary-foreground: 0 0% 0%;    /* @kind color */ /* black on green */
  --primary-glow: 145 100% 67%;     /* @kind color */

  /* ----- Neutrals (pure gray, no blue tint) ----- */
  --secondary: 0 0% 20%;            /* @kind color */ /* #333 */
  --secondary-foreground: 0 0% 100%; /* @kind color */
  --muted: 0 0% 20%;                /* @kind color */
  --muted-foreground: 0 0% 60%;     /* @kind color */ /* #999 — placeholder, captions */
  --accent: 0 0% 20%;               /* @kind color */
  --accent-foreground: 0 0% 100%;   /* @kind color */
  --border: 0 0% 20%;               /* @kind color */ /* #333 */
  --input: 0 0% 14%;                /* @kind color */ /* input field bg */
  --ring: 145 100% 57%;             /* @kind color */

  /* ----- States ----- */
  --destructive: 0 84% 60%;         /* @kind color */
  --destructive-foreground: 0 0% 100%; /* @kind color */
  --success: 145 100% 57%;          /* @kind color */ /* same as primary */
  --warning: 45 100% 51%;           /* @kind color */
  --info: 200 98% 39%;              /* @kind color */

  /* ----- Charts (qualitative scale) ----- */
  --chart-green: 158 100% 50%;      /* @kind color */
  --chart-yellow: 60 99% 79%;       /* @kind color */
  --chart-cyan: 185 96% 53%;        /* @kind color */
  --chart-pink: 330 100% 85%;       /* @kind color */
  --chart-purple: 258 46% 74%;      /* @kind color */
}