/* ==========================================================================
   DarkGhost — Shared Display P3 OLED Theme Tokens
   Pure Pitch-Black (#000000) for OLED Displays with Display P3 Wide Gamut
   ========================================================================== */

:root {
  color-scheme: dark;

  /* True OLED Pitch-Black Background */
  --bg-oled: #000000;
  --bg-surface: #0a0b0a;
  --bg-card: #101211;
  --bg-card-hover: #151816;
  --bg-card-subtle: rgba(255, 255, 255, 0.03);

  /* High Contrast Typography for True Black Backgrounds */
  --text-primary: #ffffff;
  --text-secondary: #a0a6a3;
  --text-muted: #6b736f;
  --text-dim: #444a47;

  /* Brand Accents (sRGB fallback) */
  --brand-orange: #ff6000;
  --brand-orange-glow: rgba(255, 96, 0, 0.35);
  --brand-orange-subtle: rgba(255, 96, 0, 0.12);
  --brand-orange-border: rgba(255, 96, 0, 0.28);

  --brand-olive: #567047;
  --brand-olive-glow: rgba(86, 112, 71, 0.35);
  --brand-olive-subtle: rgba(86, 112, 71, 0.14);
  --brand-olive-border: rgba(86, 112, 71, 0.30);

  --brand-sage: #70847a;
  --brand-sage-glow: rgba(112, 132, 122, 0.35);
  --brand-sage-subtle: rgba(112, 132, 122, 0.12);

  --accent-amber: #d19e3d;
  --accent-amber-glow: rgba(209, 158, 61, 0.35);
  --accent-amber-subtle: rgba(209, 158, 61, 0.12);

  --accent-green: #10b981;
  --accent-green-glow: rgba(16, 185, 129, 0.35);
  --accent-green-subtle: rgba(16, 185, 129, 0.12);

  /* Subtle OLED Borders & Dividers */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-focus: rgba(255, 96, 0, 0.50);
  --border-card: rgba(255, 255, 255, 0.07);
  --border-card-hover: rgba(255, 96, 0, 0.35);

  /* Glassmorphism on Pitch Black */
  --glass-bg: rgba(12, 14, 13, 0.75);
  --glass-blur: blur(24px);

  /* Font System: Native Apple Precision */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}

/* Display P3 Wide Gamut Enhancements */
@supports (color: color(display-p3 1 1 1)) {
  :root {
    --bg-oled: color(display-p3 0 0 0);
    --text-primary: color(display-p3 1 1 1);

    /* Vibrant P3 Accents */
    --brand-orange: color(display-p3 1 0.376 0);
    --brand-orange-glow: color(display-p3 1 0.376 0 / 0.38);
    --brand-orange-subtle: color(display-p3 1 0.376 0 / 0.12);
    --brand-orange-border: color(display-p3 1 0.376 0 / 0.30);

    --brand-olive: color(display-p3 0.34 0.44 0.28);
    --brand-olive-glow: color(display-p3 0.34 0.44 0.28 / 0.40);
    --brand-olive-subtle: color(display-p3 0.34 0.44 0.28 / 0.15);
    --brand-olive-border: color(display-p3 0.34 0.44 0.28 / 0.32);

    --brand-sage: color(display-p3 0.44 0.52 0.48);
    --brand-sage-glow: color(display-p3 0.44 0.52 0.48 / 0.40);
    --brand-sage-subtle: color(display-p3 0.44 0.52 0.48 / 0.14);

    --accent-amber: color(display-p3 0.82 0.62 0.24);
    --accent-amber-glow: color(display-p3 0.82 0.62 0.24 / 0.40);
    --accent-amber-subtle: color(display-p3 0.82 0.62 0.24 / 0.14);

    --accent-green: color(display-p3 0.06 0.72 0.5);
    --accent-green-glow: color(display-p3 0.06 0.72 0.5 / 0.40);
    --accent-green-subtle: color(display-p3 0.06 0.72 0.5 / 0.14);
  }
}