/* Premium color system using OKLCH */

:root {
  /* Raw OKLCH values - refined, sophisticated palette */
  --lch-obsidian: 12% 0.015 270;        /* Deep, rich black with subtle blue */
  --lch-charcoal: 25% 0.02 265;         /* Elegant dark gray */
  --lch-slate: 45% 0.025 260;           /* Sophisticated mid-gray */
  --lch-silver: 75% 0.015 270;          /* Premium light gray */
  --lch-pearl: 96% 0.008 270;           /* Luxurious off-white */

  /* Accent colors - muted, refined */
  --lch-crimson: 42% 0.16 25;           /* Deep, mature red */
  --lch-burgundy: 35% 0.14 20;          /* Rich wine red */
  --lch-ember: 55% 0.12 35;             /* Warm, subtle orange */
  --lch-sapphire: 48% 0.13 250;         /* Deep, elegant blue */
  --lch-navy: 38% 0.11 245;             /* Dark, professional blue */

  /* Semantic colors - premium palette */
  --color-canvas: oklch(var(--lch-pearl));
  --color-canvas-elevated: oklch(100% 0 0);  /* Pure white for cards */
  --color-ink: oklch(var(--lch-obsidian));
  --color-ink-muted: oklch(var(--lch-charcoal));
  --color-ink-subtle: oklch(var(--lch-slate));

  /* Borders - subtle, refined */
  --color-border-light: oklch(90% 0.005 270);
  --color-border: oklch(85% 0.01 270);
  --color-border-strong: oklch(var(--lch-silver));

  /* Interactive colors */
  --color-link: oklch(var(--lch-sapphire));
  --color-link-hover: oklch(var(--lch-navy));
  --color-accent: oklch(var(--lch-crimson));
  --color-accent-hover: oklch(var(--lch-burgundy));

  /* Background tints - very subtle */
  --color-surface-tint: oklch(98% 0.003 270);
  --color-surface-accent: color-mix(in oklch, var(--color-accent) 4%, var(--color-canvas));

  /* Premium gradients */
  --gradient-premium: linear-gradient(135deg,
    oklch(var(--lch-pearl)) 0%,
    oklch(98% 0.005 260) 100%
  );

  --gradient-accent: linear-gradient(135deg,
    oklch(var(--lch-crimson)) 0%,
    oklch(var(--lch-burgundy)) 100%
  );
}

/* Dark theme - even more refined */
@media (prefers-color-scheme: dark) {
  :root {
    --lch-obsidian: 88% 0.015 270;
    --lch-charcoal: 72% 0.02 265;
    --lch-slate: 58% 0.022 260;
    --lch-silver: 35% 0.02 270;
    --lch-pearl: 14% 0.01 270;

    --lch-crimson: 65% 0.15 28;
    --lch-burgundy: 58% 0.13 22;
    --lch-ember: 68% 0.11 38;
    --lch-sapphire: 68% 0.14 248;
    --lch-navy: 58% 0.12 243;

    --color-canvas-elevated: oklch(16% 0.012 270);
    --color-border-light: oklch(22% 0.015 270);
    --color-border: oklch(28% 0.02 270);
    --color-surface-tint: oklch(15% 0.008 270);

    --gradient-premium: linear-gradient(135deg,
      oklch(var(--lch-pearl)) 0%,
      oklch(16% 0.012 265) 100%
    );
  }
}