/* ============================================================
   MachineDog · COLOR TOKENS
   Dark cyberpunk "Cyber Husky". Near-black blue ink, glass
   surfaces, cyber-cyan primary, electric-violet accent.
   The product ships dark-first; light values live under
   [data-theme="light"] for the rare marketing surface.
   ============================================================ */
:root {
  /* ---- Raw palette ---------------------------------------- */
  /* Ink — the cool near-black backdrop scale */
  --md-ink-900: hsl(220 45% 3%);    /* deepest — hero / page base */
  --md-ink-800: hsl(220 35% 4%);    /* app background */
  --md-ink-700: hsl(220 30% 7%);    /* raised surface / card base */
  --md-ink-600: hsl(220 28% 10%);   /* popover / sidebar */
  --md-ink-500: hsl(215 25% 14%);   /* secondary / input fill */
  --md-ink-400: hsl(215 25% 18%);   /* accent fill */
  --md-line:    hsl(215 25% 16%);   /* hairline border */

  /* Frost — text + neutral foreground scale */
  --md-frost-50:  hsl(210 30% 96%); /* brightest text */
  --md-frost-100: hsl(210 30% 92%); /* default text */
  --md-frost-300: hsl(215 18% 68%); /* muted text */
  --md-frost-500: hsl(215 15% 45%); /* faint / disabled */

  /* Signal — the cyber accents */
  --md-cyan:        hsl(200 90% 60%);  /* primary — husky eye glow */
  --md-cyan-bright: hsl(199 95% 70%);  /* hover / highlight */
  --md-cyan-deep:   hsl(204 90% 48%);  /* pressed */
  --md-violet:      hsl(254 95% 75%);  /* accent — gradient partner */
  --md-magenta:     hsl(330 95% 65%);  /* tertiary aurora glow */

  /* Status */
  --md-success: hsl(152 65% 52%);
  --md-warning: hsl(38 92% 60%);
  --md-danger:  hsl(0 84% 60%);

  /* ---- Semantic aliases ----------------------------------- */
  --color-background:        var(--md-ink-800);
  --color-background-deep:   var(--md-ink-900);
  --color-surface:           var(--md-ink-700);
  --color-surface-raised:    var(--md-ink-600);
  --color-surface-sunken:    var(--md-ink-500);
  --color-sidebar:           hsl(220 35% 5%);

  --color-foreground:        var(--md-frost-100);
  --color-foreground-bright: var(--md-frost-50);
  --color-muted-foreground:  var(--md-frost-300);
  --color-faint-foreground:  var(--md-frost-500);

  --color-primary:           var(--md-cyan);
  --color-primary-bright:    var(--md-cyan-bright);
  --color-primary-deep:      var(--md-cyan-deep);
  --color-primary-foreground: hsl(220 40% 6%);
  --color-accent:            var(--md-violet);
  --color-accent-2:          var(--md-magenta);

  --color-border:            var(--md-line);
  --color-border-strong:     hsl(215 22% 24%);
  --color-input:             var(--md-ink-500);
  --color-ring:              var(--md-cyan);

  --color-success:           var(--md-success);
  --color-warning:           var(--md-warning);
  --color-danger:            var(--md-danger);

  /* ---- Signature gradients -------------------------------- */
  --gradient-cyber:   linear-gradient(135deg, var(--md-cyan) 0%, var(--md-violet) 100%);
  --gradient-headline: linear-gradient(105deg, var(--md-cyan-bright) 0%, var(--md-cyan) 35%, var(--md-violet) 100%);
  --gradient-aurora:  radial-gradient(900px 700px at 80% -10%, hsl(254 95% 75% / 0.18), transparent 60%),
                      radial-gradient(700px 600px at -10% 30%, hsl(200 90% 60% / 0.18), transparent 55%); /* @kind color */
}