/* Nirmalyam Jewellery — design tokens (plain CSS, no Tailwind).
   Source: .cursor/skills/nirmalyam-design-system/references/tokens.css */

:root {
  --gold-50:  hsl(36 55% 96%);
  --gold-100: hsl(36 52% 92%);
  --gold-200: hsl(36 48% 85%);
  --gold-300: hsl(36 45% 76%);
  --gold-400: hsl(36 42% 62%);
  --gold-500: hsl(36 42% 50%);
  --gold-600: hsl(36 41% 42%); /* brand #98733F */
  --gold-650: hsl(36 42% 38%); /* AA-safe fill */
  --gold-700: hsl(36 44% 32%);
  --gold-800: hsl(36 46% 25%);
  --gold-900: hsl(36 48% 18%);
  --gold-950: hsl(36 50% 11%);

  --charcoal-50:  hsl(35 10% 98%);
  --charcoal-100: hsl(35 8% 96%);
  --charcoal-200: hsl(35 7% 91%);
  --charcoal-300: hsl(35 6% 84%);
  --charcoal-400: hsl(35 5% 64%);
  --charcoal-500: hsl(35 5% 45%);
  --charcoal-600: hsl(35 4% 35%);
  --charcoal-700: hsl(35 4% 26%);
  --charcoal-800: hsl(35 3% 18%);
  --charcoal-900: #202020;
  --charcoal-950: hsl(0 0% 7%);
}

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

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

  --primary: var(--gold-650);
  --primary-foreground: hsl(0 0% 100%);
  --primary-hover: var(--gold-700);

  --ink: var(--charcoal-900);
  --ink-foreground: var(--gold-100);

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

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

  --border: var(--charcoal-200);
  --input: var(--charcoal-300);
  --ring: var(--gold-600);

  --gold-ink: var(--gold-700);
  --gold-wash: var(--gold-100);
  --gold-line: var(--gold-500);

  --success: hsl(152 62% 26%);
  --success-foreground: hsl(0 0% 100%);
  --success-wash: hsl(152 40% 94%);
  --warning: hsl(28 92% 32%);
  --warning-foreground: hsl(0 0% 100%);
  --warning-wash: hsl(34 88% 94%);
  --destructive: hsl(4 72% 42%);
  --destructive-foreground: hsl(0 0% 100%);
  --destructive-wash: hsl(4 68% 96%);
  --info: hsl(212 62% 36%);
  --info-foreground: hsl(0 0% 100%);
  --info-wash: hsl(212 55% 95%);

  --radius: 0.375rem;
  --radius-arch: 1.25rem;

  --chart-1: var(--gold-600);
  --chart-2: var(--charcoal-700);
  --chart-3: hsl(186 55% 32%);
  --chart-4: var(--gold-400);
  --chart-5: hsl(268 32% 48%);
  --chart-grid: var(--charcoal-200);
  --chart-axis: var(--charcoal-500);

  --sidebar: var(--charcoal-900);
  --sidebar-foreground: var(--gold-200);
  --sidebar-primary: var(--gold-300);
  --sidebar-primary-foreground: var(--charcoal-950);
  --sidebar-accent: hsl(35 4% 17%);
  --sidebar-accent-foreground: var(--gold-100);
  --sidebar-border: hsl(36 14% 22%);
  --sidebar-muted: hsl(36 14% 60%);
  --sidebar-ring: var(--gold-400);

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

  --shadow-xs: 0 1px 2px hsl(35 20% 8% / 0.06);
  --shadow-sm: 0 1px 3px hsl(35 20% 8% / 0.08), 0 1px 2px hsl(35 20% 8% / 0.04);
  --shadow-md: 0 4px 12px hsl(35 20% 8% / 0.09);

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

.dark {
  --background: hsl(35 6% 7.5%);
  --foreground: hsl(36 12% 92%);

  --card: hsl(35 6% 10%);
  --card-foreground: hsl(36 12% 92%);
  --popover: hsl(35 6% 13%);
  --popover-foreground: hsl(36 12% 92%);
  --elevated: hsl(35 6% 16%);

  --primary: var(--gold-400);
  --primary-foreground: var(--charcoal-950);
  --primary-hover: var(--gold-300);

  --ink: var(--gold-300);
  --ink-foreground: var(--charcoal-950);

  --secondary: hsl(35 6% 16%);
  --secondary-foreground: var(--gold-200);
  --accent: hsl(35 6% 20%);
  --accent-foreground: var(--gold-100);

  --muted: hsl(35 5% 15%);
  --muted-foreground: hsl(36 8% 65%);

  --border: hsl(35 6% 22%);
  --input: hsl(35 6% 30%);
  --ring: var(--gold-400);

  --gold-ink: var(--gold-300);
  --gold-wash: hsl(36 18% 15%);
  --gold-line: var(--gold-600);

  --success: hsl(152 50% 55%);
  --success-foreground: hsl(0 0% 7%);
  --success-wash: hsl(152 30% 14%);
  --warning: hsl(34 88% 60%);
  --warning-foreground: hsl(0 0% 7%);
  --warning-wash: hsl(34 45% 15%);
  --destructive: hsl(4 82% 66%);
  --destructive-foreground: hsl(0 0% 7%);
  --destructive-wash: hsl(4 40% 16%);
  --info: hsl(212 72% 64%);
  --info-foreground: hsl(0 0% 7%);
  --info-wash: hsl(212 40% 16%);

  --chart-1: var(--gold-400);
  --chart-2: hsl(36 10% 72%);
  --chart-3: hsl(186 50% 58%);
  --chart-4: var(--gold-600);
  --chart-5: hsl(268 45% 70%);
  --chart-grid: hsl(35 6% 20%);
  --chart-axis: hsl(36 8% 60%);

  --sidebar: hsl(0 0% 5%);
  --sidebar-foreground: var(--gold-200);
  --sidebar-primary: var(--gold-300);
  --sidebar-primary-foreground: var(--charcoal-950);
  --sidebar-accent: hsl(35 6% 13%);
  --sidebar-accent-foreground: var(--gold-100);
  --sidebar-border: hsl(36 12% 16%);
  --sidebar-muted: hsl(36 10% 55%);
  --sidebar-ring: var(--gold-400);
}

.engraved-band {
  height: 1px;
  border: 0;
  margin: 1rem 0 0;
  background: var(--gold-line);
  opacity: 0.55;
  mask-image: linear-gradient(to right, black 0, black 30%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, black 0, black 30%, transparent 100%);
}

.arch-top {
  border-start-start-radius: var(--radius-arch);
  border-start-end-radius: var(--radius-arch);
  border-end-start-radius: var(--radius);
  border-end-end-radius: var(--radius);
}