/*
 * Semantic color slots (shadcn-style pairs), always pointing at ramps.
 *
 * Design draft V2. Content has three explicit surfaces:
 *   default  white surface, near-black headings, warm grey body copy
 *   stone    warm stone, the same dark foregrounds, a white active surface
 *   ink      Calvin Farel burgundy, white headings, soft rose body copy
 *            (footer, menu, set-apart panels)
 * Burgundy carries labels and actions; gold only hairlines and small marks.
 *
 * Contrast (WCAG 2.2 AA) is set here, not per block: every text slot is at
 * least 4.5:1 on its surface (subtle on stone 4.6, eyebrow and ornament on
 * burgundy 7.5), --input and --ornament at least 3:1 as control lines and
 * icons. Gold that carries meaning (numbers, chevrons, tab labels) uses
 * --ornament, the darker gold on light surfaces; the pale gold (--rule,
 * --hairline) is for decoration only.
 */
:root,
[data-theme="default"],
[data-theme="stone"] {
	--background: var(--ramp-white);
	--foreground: var(--ramp-neutral-700);
	--heading: var(--ramp-neutral-950);
	--card: var(--ramp-stone-100);
	--card-foreground: var(--foreground);
	--primary: var(--ramp-burgundy-900);
	--primary-foreground: var(--ramp-white);
	--secondary: var(--ramp-stone-200);
	--secondary-foreground: var(--ramp-neutral-900);
	--muted: var(--ramp-stone-100);
	--muted-foreground: var(--ramp-neutral-700);
	--subtle-foreground: var(--ramp-neutral-500);
	--accent: var(--ramp-burgundy-900);
	--accent-foreground: var(--ramp-white);
	--eyebrow: var(--ramp-burgundy-900);
	--border: var(--ramp-stone-300);
	--rule: var(--ramp-gold-300);
	--hairline: var(--ramp-gold-150);
	--ornament: var(--ramp-gold-700);
	--input: var(--ramp-neutral-400);
	--ring: var(--ramp-burgundy-700);
	--destructive: var(--ramp-red-600);
	--detail: var(--ramp-burgundy-900);

	color-scheme: light;
}

[data-theme="stone"] {
	--background: var(--ramp-stone-100);
	--card: var(--ramp-white);
	--muted: var(--ramp-stone-200);
}

[data-theme="ink"] {
	--background: var(--ramp-burgundy-900);
	--foreground: var(--ramp-burgundy-200);
	--heading: var(--ramp-white);
	--card: var(--ramp-burgundy-800);
	--card-foreground: var(--ramp-white);
	--primary: var(--ramp-white);
	--primary-foreground: var(--ramp-burgundy-900);
	--secondary: var(--ramp-burgundy-800);
	--secondary-foreground: var(--ramp-white);
	--muted: var(--ramp-burgundy-800);
	--muted-foreground: var(--ramp-burgundy-200);
	--subtle-foreground: var(--ramp-burgundy-300);
	--accent: var(--ramp-gold-300);
	--eyebrow: var(--ramp-gold-300);
	--border: color-mix(in srgb, var(--ramp-white) 16%, transparent);
	--rule: var(--ramp-gold-300);
	--hairline: color-mix(in srgb, var(--ramp-gold-300) 40%, transparent);
	--ornament: var(--ramp-gold-300);
	--input: var(--ramp-burgundy-300);
	--ring: var(--ramp-gold-300);
	--destructive: var(--ramp-red-200);
	--detail: var(--ramp-gold-300);

	color-scheme: dark;
}