/* Azzet Gold & Diamonds — design tokens (plain CSS, no Tailwind).
   Source: .cursor/skills/azzet-design-system/references/tokens.css */

:root {
  --plum-50:  hsl(325 42% 97%);
  --plum-100: hsl(325 44% 94%);
  --plum-200: hsl(325 46% 87%);
  --plum-300: hsl(325 50% 76%);
  --plum-400: hsl(325 62% 56%);
  --plum-500: hsl(325 80% 38%);
  --plum-600: hsl(325 90% 29%);
  --plum-700: hsl(325 95% 22.5%); /* #700342 */
  --plum-800: hsl(325 93% 18%);
  --plum-900: hsl(325 90% 13%);
  --plum-950: hsl(325 88% 8%);

  --sand-50:  hsl(35 60% 96%);
  --sand-100: hsl(35 58% 92%);
  --sand-200: hsl(35 55% 86%);
  --sand-300: hsl(35 52% 80%);
  --sand-400: hsl(35 50% 74%); /* #dec29c */
  --sand-500: hsl(35 48% 66%);
  --sand-600: hsl(35 45% 56%);
  --sand-700: hsl(35 44% 44%);
  --sand-800: hsl(35 42% 34%);
  --sand-900: hsl(35 40% 26%);
  --sand-950: hsl(35 38% 16%);

  --neutral-50:  hsl(30 33% 98%);
  --neutral-100: hsl(30 25% 96%);
  --neutral-200: hsl(30 20% 91%);
  --neutral-300: hsl(30 16% 84%);
  --neutral-400: hsl(30 12% 64%);
  --neutral-500: hsl(30 10% 45%);
  --neutral-600: hsl(30 10% 36%);
  --neutral-700: hsl(30 10% 27%);
  --neutral-800: hsl(30 10% 19%);
  --neutral-900: hsl(30 12% 12%);
  --neutral-950: hsl(30 14% 7%);
}

:root {
  --background: var(--neutral-50);
  --foreground: var(--neutral-900);

  --card: hsl(0 0% 100%);
  --card-foreground: var(--neutral-900);
  --popover: hsl(0 0% 100%);
  --popover-foreground: var(--neutral-900);
  --elevated: hsl(0 0% 100%);

  --primary: var(--plum-700);
  --primary-foreground: var(--sand-50);
  --primary-hover: var(--plum-800);

  --secondary: var(--sand-100);
  --secondary-foreground: var(--plum-800);
  --accent: var(--sand-200);
  --accent-foreground: var(--plum-800);

  --muted: var(--neutral-100);
  --muted-foreground: var(--neutral-500);

  --border: var(--neutral-200);
  --input: var(--neutral-300);
  --ring: var(--plum-500);

  --gold: var(--sand-400);
  --gold-ink: var(--sand-800);
  --gold-wash: var(--sand-100);

  --success: hsl(158 70% 27%);
  --success-foreground: hsl(0 0% 100%);
  --success-wash: hsl(158 45% 94%);
  --warning: hsl(32 95% 33%);
  --warning-foreground: hsl(0 0% 100%);
  --warning-wash: hsl(38 90% 94%);
  --destructive: hsl(2 74% 42%);
  --destructive-foreground: hsl(0 0% 100%);
  --destructive-wash: hsl(2 70% 96%);
  --info: hsl(200 72% 33%);
  --info-foreground: hsl(0 0% 100%);
  --info-wash: hsl(200 60% 95%);

  --radius: 0.5rem;

  --chart-1: var(--plum-700);
  --chart-2: var(--sand-600);
  --chart-3: hsl(190 65% 30%);
  --chart-4: var(--plum-400);
  --chart-5: hsl(255 35% 48%);
  --chart-grid: var(--neutral-200);
  --chart-axis: var(--neutral-500);

  --sidebar: var(--plum-900);
  --sidebar-foreground: var(--sand-200);
  --sidebar-primary: var(--sand-400);
  --sidebar-primary-foreground: var(--plum-950);
  --sidebar-accent: var(--plum-800);
  --sidebar-accent-foreground: var(--sand-100);
  --sidebar-border: hsl(325 40% 22%);
  --sidebar-muted: hsl(35 30% 68%);
  --sidebar-ring: var(--sand-400);

  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Jost", ui-sans-serif, sans-serif;

  --shadow-xs: 0 1px 2px hsl(325 40% 12% / 0.05);
  --shadow-sm: 0 1px 3px hsl(325 40% 12% / 0.07), 0 1px 2px hsl(325 40% 12% / 0.04);
  --shadow-md: 0 4px 12px hsl(325 40% 12% / 0.08);

  --header-height: 56px;
  --sidebar-width: 256px;
}

.dark {
  --background: hsl(325 30% 7%);
  --foreground: hsl(35 25% 92%);

  --card: hsl(325 30% 9.5%);
  --card-foreground: hsl(35 25% 92%);
  --popover: hsl(325 30% 12%);
  --popover-foreground: hsl(35 25% 92%);
  --elevated: hsl(325 30% 15%);

  --primary: var(--sand-400);
  --primary-foreground: var(--plum-950);
  --primary-hover: var(--sand-300);

  --secondary: hsl(325 30% 15%);
  --secondary-foreground: var(--sand-200);
  --accent: hsl(325 30% 18%);
  --accent-foreground: var(--sand-100);

  --muted: hsl(325 25% 14%);
  --muted-foreground: hsl(35 12% 66%);

  --border: hsl(325 25% 22%);
  --input: hsl(325 25% 30%);
  --ring: var(--sand-400);

  --gold: var(--sand-400);
  --gold-ink: var(--sand-300);
  --gold-wash: hsl(35 25% 16%);

  --success: hsl(158 55% 55%);
  --success-foreground: hsl(325 88% 8%);
  --success-wash: hsl(158 40% 14%);
  --warning: hsl(38 92% 60%);
  --warning-foreground: hsl(325 88% 8%);
  --warning-wash: hsl(38 50% 15%);
  --destructive: hsl(2 85% 66%);
  --destructive-foreground: hsl(325 88% 8%);
  --destructive-wash: hsl(2 45% 16%);
  --info: hsl(200 75% 60%);
  --info-foreground: hsl(325 88% 8%);
  --info-wash: hsl(200 45% 15%);

  --chart-1: var(--sand-400);
  --chart-2: var(--plum-300);
  --chart-3: hsl(190 60% 58%);
  --chart-4: hsl(325 65% 65%);
  --chart-5: hsl(255 55% 72%);
  --chart-grid: hsl(325 20% 20%);
  --chart-axis: hsl(35 12% 60%);

  --sidebar: hsl(325 30% 5%);
  --sidebar-foreground: var(--sand-200);
  --sidebar-primary: var(--sand-400);
  --sidebar-primary-foreground: var(--plum-950);
  --sidebar-accent: hsl(325 30% 12%);
  --sidebar-accent-foreground: var(--sand-100);
  --sidebar-border: hsl(325 25% 16%);
  --sidebar-muted: hsl(35 12% 58%);
  --sidebar-ring: var(--sand-400);
}

.hallmark-rule {
  height: 1px;
  border: 0;
  margin: 1rem 0 0;
  background: linear-gradient(
    to right,
    var(--gold) 0,
    var(--gold) 2.5rem,
    var(--border) 2.5rem,
    var(--border) 100%
  );
}