/* Hallmark · macrostructure: Workbench · tone: sober family archive · shared visual contract */
:root {
  --color-paper: oklch(98% 0.006 145); --color-surface: oklch(100% 0 0); --color-ink: oklch(24% 0.02 150);
  --color-muted: oklch(48% 0.02 150); --color-rule: oklch(87% 0.012 150); --color-accent: oklch(43% 0.1 155);
  --color-accent-ink: oklch(99% 0.01 155); --font-display: ui-rounded, "Avenir Next", system-ui, sans-serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --space-xs: .25rem; --space-sm: .5rem; --space-md: .75rem; --space-lg: 1rem; --space-xl: 1.5rem; --space-2xl: 2rem; --space-3xl: 3rem;
  --text-body: 1rem; --text-small: .8125rem; --text-title: clamp(1.6rem, 4vw, 2.5rem);
  --radius: 10px; --radius-card: calc(var(--radius) + 4px); --radius-control: var(--radius); --radius-panel: var(--radius-card); --radius-pill: 999px;
  --ease-out: cubic-bezier(.16, 1, .3, 1); --dur-fast: 160ms;
  --color-accent-deep: oklch(35% 0.09 155); --color-accent-soft: oklch(91% 0.035 155); --accent-sheen: var(--color-accent);
  /* Compatibility aliases used by the standalone v2 gallery and indexer. */
  --ink: var(--color-paper); --panel: var(--color-surface); --line: var(--color-rule); --text: var(--color-ink); --muted: var(--color-muted); --accent: var(--color-accent);
}
:root[data-color-mode="dark"] { --color-paper: oklch(18% 0.012 155); --color-surface: oklch(23% 0.014 155); --color-ink: oklch(94% 0.01 155); --color-muted: oklch(73% 0.018 155); --color-rule: oklch(34% 0.016 155); --color-accent: oklch(74% 0.11 155); --color-accent-ink: oklch(18% 0.014 155); }
@media (prefers-color-scheme: dark) { :root[data-color-mode="system"] { --color-paper: oklch(18% 0.012 155); --color-surface: oklch(23% 0.014 155); --color-ink: oklch(94% 0.01 155); --color-muted: oklch(73% 0.018 155); --color-rule: oklch(34% 0.016 155); --color-accent: oklch(74% 0.11 155); --color-accent-ink: oklch(18% 0.014 155); } }
:root[data-corners="square"] { --radius: 2px; } :root[data-corners="soft"] { --radius: 10px; } :root[data-corners="round"] { --radius: 22px; }

:root[data-theme="blue-metal"] {
  --color-paper: oklch(98% 0.008 245); --color-surface: oklch(100% 0.003 245); --color-ink: oklch(23% 0.026 250);
  --color-muted: oklch(48% 0.027 250); --color-rule: oklch(87% 0.018 245); --color-accent: oklch(49% 0.12 245);
  --color-accent-deep: oklch(37% 0.11 250); --color-accent-soft: oklch(91% 0.04 245); --color-accent-ink: oklch(99% 0.005 245);
  --accent-sheen: linear-gradient(135deg, oklch(38% 0.11 250), oklch(63% 0.1 235) 46%, oklch(43% 0.12 255));
}
:root[data-theme="magenta-metal"] {
  --color-paper: oklch(98% 0.009 335); --color-surface: oklch(100% 0.003 335); --color-ink: oklch(23% 0.027 335);
  --color-muted: oklch(48% 0.03 335); --color-rule: oklch(87% 0.02 335); --color-accent: oklch(49% 0.17 335);
  --color-accent-deep: oklch(37% 0.145 335); --color-accent-soft: oklch(92% 0.045 335); --color-accent-ink: oklch(99% 0.006 335);
  --accent-sheen: linear-gradient(135deg, oklch(38% 0.145 335), oklch(65% 0.15 345) 48%, oklch(43% 0.17 325));
}
:root[data-theme="gold"] {
  --color-paper: oklch(98% 0.012 85); --color-surface: oklch(100% 0.004 85); --color-ink: oklch(23% 0.026 75);
  --color-muted: oklch(47% 0.03 75); --color-rule: oklch(86% 0.026 85); --color-accent: oklch(59% 0.13 82);
  --color-accent-deep: oklch(44% 0.105 72); --color-accent-soft: oklch(92% 0.055 88); --color-accent-ink: oklch(18% 0.035 72);
  --accent-sheen: linear-gradient(135deg, oklch(48% 0.11 70), oklch(76% 0.12 92) 48%, oklch(55% 0.13 78));
}
:root[data-theme="terracotta"] {
  --color-paper: oklch(98% 0.009 45); --color-surface: oklch(100% 0.003 45); --color-ink: oklch(24% 0.03 38);
  --color-muted: oklch(49% 0.03 42); --color-rule: oklch(87% 0.02 45); --color-accent: oklch(53% 0.14 38);
  --color-accent-deep: oklch(40% 0.12 35); --color-accent-soft: oklch(92% 0.045 45); --color-accent-ink: oklch(99% 0.006 45);
  --accent-sheen: linear-gradient(135deg, oklch(42% 0.12 35), oklch(68% 0.14 52) 48%, oklch(50% 0.15 30));
}
:root[data-theme="violet"] {
  --color-paper: oklch(98% 0.009 292); --color-surface: oklch(100% 0.003 292); --color-ink: oklch(24% 0.028 292);
  --color-muted: oklch(48% 0.03 292); --color-rule: oklch(87% 0.02 292); --color-accent: oklch(50% 0.15 292);
  --color-accent-deep: oklch(38% 0.13 292); --color-accent-soft: oklch(92% 0.045 292); --color-accent-ink: oklch(99% 0.006 292);
  --accent-sheen: linear-gradient(135deg, oklch(40% 0.14 292), oklch(67% 0.16 308) 48%, oklch(49% 0.17 278));
}
:root[data-theme="cyan"] {
  --color-paper: oklch(98% 0.008 205); --color-surface: oklch(100% 0.003 205); --color-ink: oklch(23% 0.026 210);
  --color-muted: oklch(48% 0.027 210); --color-rule: oklch(87% 0.018 205); --color-accent: oklch(49% 0.11 195);
  --color-accent-deep: oklch(37% 0.1 202); --color-accent-soft: oklch(91% 0.04 205); --color-accent-ink: oklch(99% 0.005 205);
  --accent-sheen: linear-gradient(135deg, oklch(38% 0.1 202), oklch(65% 0.12 190) 48%, oklch(46% 0.12 215));
}
:root[data-theme="olive"] {
  --color-paper: oklch(98% 0.012 112); --color-surface: oklch(100% 0.004 112); --color-ink: oklch(25% 0.026 112);
  --color-muted: oklch(48% 0.03 112); --color-rule: oklch(86% 0.026 112); --color-accent: oklch(49% 0.1 112);
  --color-accent-deep: oklch(38% 0.085 110); --color-accent-soft: oklch(92% 0.05 112); --color-accent-ink: oklch(99% 0.006 112);
  --accent-sheen: linear-gradient(135deg, oklch(40% 0.09 108), oklch(69% 0.12 125) 48%, oklch(50% 0.12 98));
}

:root[data-color-mode="dark"] {
  color-scheme: dark; --color-accent-deep: oklch(61% 0.1 155); --color-accent-soft: oklch(29% 0.04 155);
}
:root[data-color-mode="dark"][data-theme="blue-metal"] { --color-paper: oklch(18% 0.018 250); --color-surface: oklch(23% 0.022 250); --color-ink: oklch(94% 0.012 245); --color-muted: oklch(73% 0.026 245); --color-rule: oklch(34% 0.027 250); --color-accent: oklch(74% 0.12 240); --color-accent-deep: oklch(58% 0.12 250); --color-accent-soft: oklch(29% 0.05 250); --color-accent-ink: oklch(17% 0.025 250); }
:root[data-color-mode="dark"][data-theme="magenta-metal"] { --color-paper: oklch(18% 0.02 335); --color-surface: oklch(23% 0.024 335); --color-ink: oklch(95% 0.012 335); --color-muted: oklch(74% 0.03 335); --color-rule: oklch(34% 0.032 335); --color-accent: oklch(76% 0.15 338); --color-accent-deep: oklch(59% 0.15 335); --color-accent-soft: oklch(30% 0.06 335); --color-accent-ink: oklch(17% 0.026 335); }
:root[data-color-mode="dark"][data-theme="gold"] { --color-paper: oklch(18% 0.018 78); --color-surface: oklch(23% 0.022 78); --color-ink: oklch(95% 0.012 88); --color-muted: oklch(74% 0.03 84); --color-rule: oklch(35% 0.032 78); --color-accent: oklch(78% 0.12 88); --color-accent-deep: oklch(61% 0.115 78); --color-accent-soft: oklch(30% 0.055 82); --color-accent-ink: oklch(18% 0.035 72); }
:root[data-color-mode="dark"][data-theme="terracotta"] { --color-paper: oklch(18% 0.02 38); --color-surface: oklch(23% 0.025 38); --color-ink: oklch(95% 0.014 45); --color-muted: oklch(74% 0.03 42); --color-rule: oklch(35% 0.034 38); --color-accent: oklch(75% 0.14 38); --color-accent-deep: oklch(59% 0.13 35); --color-accent-soft: oklch(30% 0.055 42); --color-accent-ink: oklch(18% 0.03 38); }
:root[data-color-mode="dark"][data-theme="violet"] { --color-paper: oklch(18% 0.02 292); --color-surface: oklch(23% 0.025 292); --color-ink: oklch(95% 0.014 292); --color-muted: oklch(74% 0.03 292); --color-rule: oklch(35% 0.035 292); --color-accent: oklch(76% 0.15 292); --color-accent-deep: oklch(60% 0.14 292); --color-accent-soft: oklch(30% 0.06 292); --color-accent-ink: oklch(18% 0.026 292); }
:root[data-color-mode="dark"][data-theme="cyan"] { --color-paper: oklch(18% 0.018 205); --color-surface: oklch(23% 0.022 205); --color-ink: oklch(94% 0.012 205); --color-muted: oklch(73% 0.026 205); --color-rule: oklch(34% 0.027 205); --color-accent: oklch(74% 0.12 195); --color-accent-deep: oklch(58% 0.11 202); --color-accent-soft: oklch(29% 0.05 205); --color-accent-ink: oklch(17% 0.025 205); }
:root[data-color-mode="dark"][data-theme="olive"] { --color-paper: oklch(18% 0.02 112); --color-surface: oklch(23% 0.025 112); --color-ink: oklch(95% 0.014 112); --color-muted: oklch(74% 0.03 112); --color-rule: oklch(35% 0.034 112); --color-accent: oklch(75% 0.12 112); --color-accent-deep: oklch(59% 0.105 110); --color-accent-soft: oklch(30% 0.055 112); --color-accent-ink: oklch(18% 0.03 112); }

@media (prefers-color-scheme: dark) {
  :root[data-color-mode="system"] { color-scheme: dark; --color-accent-deep: oklch(61% 0.1 155); --color-accent-soft: oklch(29% 0.04 155); }
  :root[data-color-mode="system"][data-theme="blue-metal"] { --color-paper: oklch(18% 0.018 250); --color-surface: oklch(23% 0.022 250); --color-ink: oklch(94% 0.012 245); --color-muted: oklch(73% 0.026 245); --color-rule: oklch(34% 0.027 250); --color-accent: oklch(74% 0.12 240); --color-accent-deep: oklch(58% 0.12 250); --color-accent-soft: oklch(29% 0.05 250); --color-accent-ink: oklch(17% 0.025 250); }
  :root[data-color-mode="system"][data-theme="magenta-metal"] { --color-paper: oklch(18% 0.02 335); --color-surface: oklch(23% 0.024 335); --color-ink: oklch(95% 0.012 335); --color-muted: oklch(74% 0.03 335); --color-rule: oklch(34% 0.032 335); --color-accent: oklch(76% 0.15 338); --color-accent-deep: oklch(59% 0.15 335); --color-accent-soft: oklch(30% 0.06 335); --color-accent-ink: oklch(17% 0.026 335); }
  :root[data-color-mode="system"][data-theme="gold"] { --color-paper: oklch(18% 0.018 78); --color-surface: oklch(23% 0.022 78); --color-ink: oklch(95% 0.012 88); --color-muted: oklch(74% 0.03 84); --color-rule: oklch(35% 0.032 78); --color-accent: oklch(78% 0.12 88); --color-accent-deep: oklch(61% 0.115 78); --color-accent-soft: oklch(30% 0.055 82); --color-accent-ink: oklch(18% 0.035 72); }
  :root[data-color-mode="system"][data-theme="terracotta"] { --color-paper: oklch(18% 0.02 38); --color-surface: oklch(23% 0.025 38); --color-ink: oklch(95% 0.014 45); --color-muted: oklch(74% 0.03 42); --color-rule: oklch(35% 0.034 38); --color-accent: oklch(75% 0.14 38); --color-accent-deep: oklch(59% 0.13 35); --color-accent-soft: oklch(30% 0.055 42); --color-accent-ink: oklch(18% 0.03 38); }
  :root[data-color-mode="system"][data-theme="violet"] { --color-paper: oklch(18% 0.02 292); --color-surface: oklch(23% 0.025 292); --color-ink: oklch(95% 0.014 292); --color-muted: oklch(74% 0.03 292); --color-rule: oklch(35% 0.035 292); --color-accent: oklch(76% 0.15 292); --color-accent-deep: oklch(60% 0.14 292); --color-accent-soft: oklch(30% 0.06 292); --color-accent-ink: oklch(18% 0.026 292); }
  :root[data-color-mode="system"][data-theme="cyan"] { --color-paper: oklch(18% 0.018 205); --color-surface: oklch(23% 0.022 205); --color-ink: oklch(94% 0.012 205); --color-muted: oklch(73% 0.026 205); --color-rule: oklch(34% 0.027 205); --color-accent: oklch(74% 0.12 195); --color-accent-deep: oklch(58% 0.11 202); --color-accent-soft: oklch(29% 0.05 205); --color-accent-ink: oklch(17% 0.025 205); }
  :root[data-color-mode="system"][data-theme="olive"] { --color-paper: oklch(18% 0.02 112); --color-surface: oklch(23% 0.025 112); --color-ink: oklch(95% 0.014 112); --color-muted: oklch(74% 0.03 112); --color-rule: oklch(35% 0.034 112); --color-accent: oklch(75% 0.12 112); --color-accent-deep: oklch(59% 0.105 110); --color-accent-soft: oklch(30% 0.055 112); --color-accent-ink: oklch(18% 0.03 112); }
}