/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4 */
/* Hallmark · macrostructure: Index-First · genre: atmospheric · theme: dark gallery
 * nav: N10 scroll-morph · footer: Ft5 statement · enrichment: typography-only
 * contrast: pass (40–41) · slop: pass (42–45)
 * honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49)
 * icons: pass (30) · mobile: pass (34, 49, 50–57)
 * typography: pass (37–38a; Fragment Mono 2 registers)
 */
:root {
  color-scheme: dark;
  --color-paper: oklch(0.152 0.006 60);
  --color-paper-raised: oklch(0.185 0.008 58);
  --color-surface: oklch(0.205 0.009 56);
  --color-ink: oklch(0.94 0.013 78);
  --color-ink-soft: oklch(0.815 0.014 74);
  --color-muted: oklch(0.64 0.013 66);
  --color-faint: oklch(0.6 0.011 60);
  --color-accent: oklch(0.66 0.155 47);
  --color-accent-deep: oklch(0.55 0.145 42);
  --color-accent-bright: oklch(0.815 0.115 72);
  --color-accent-ink: oklch(0.152 0.006 60);
  --color-focus: oklch(0.815 0.115 72);
  --color-rule: oklch(0.94 0.013 78 / 0.12);
  --color-shadow: oklch(0.08 0.006 60);
  --color-mask-solid: oklch(0.1 0.005 60);
  --color-spotlight: oklch(0.7 0.12 60 / 0.14);
  --color-bloom-hot: oklch(0.5 0.12 45 / 0.3);
  --color-bloom-low: oklch(0.34 0.07 50 / 0.35);
  --color-bloom-closing: oklch(0.5 0.13 44 / 0.34);
  --color-bloom-closing-low: oklch(0.34 0.06 50 / 0.4);
  --effect-nav-surface-soft: color-mix(in oklab, var(--color-paper) 55%, transparent);
  --effect-nav-surface: color-mix(in oklab, var(--color-paper) 92%, transparent);
  --effect-nav-blur: 26px;
  --effect-nav-saturation: 1.25;
  --effect-dialog-backdrop: color-mix(in oklab, var(--color-paper) 82%, transparent);
  --effect-media-brightness: 0.94;
  --effect-media-saturation: 0.94;
  --effect-media-hover-brightness: 1;
  --effect-media-hover-saturation: 1;
  --effect-portrait-brightness: 0.97;
  --effect-portrait-saturation: 1.03;
  --effect-experience-brightness: 0.94;
  --effect-experience-saturation: 0.94;
  --effect-project-brightness: 0.9;
  --effect-project-saturation: 0.94;
  --effect-outside-brightness: 0.92;
  --effect-outside-saturation: 0.92;
  --outside-hero-ink: oklch(0.96 0.012 78);
  --outside-hero-soft: oklch(0.86 0.012 74);
  --outside-hero-scrim: linear-gradient(90deg, oklch(0.11 0.008 58 / 0.88) 0%, oklch(0.11 0.008 58 / 0.68) 48%, oklch(0.11 0.008 58 / 0.48) 100%);
  --outside-hero-nav-scrim: linear-gradient(180deg, oklch(0.09 0.006 58 / 0.36) 0%, transparent 24%);
  --effect-music-hero-brightness: 0.98;
  --effect-music-hero-saturation: 1.02;
  --music-hero-scrim: linear-gradient(90deg, oklch(0.1 0.007 58 / 0.76) 0%, oklch(0.1 0.007 58 / 0.54) 52%, oklch(0.1 0.007 58 / 0.34) 100%);
  --effect-travel-hero-brightness: 1.06;
  --effect-travel-hero-saturation: 1.04;
  --travel-hero-scrim: linear-gradient(90deg, oklch(0.1 0.007 58 / 0.62) 0%, oklch(0.1 0.007 58 / 0.3) 58%, oklch(0.1 0.007 58 / 0.08) 100%);
  --effect-grain-opacity: 0.05;
  --effect-grain-blend: overlay;
  --effect-spotlight-blend: screen;
  --effect-frame-blend: overlay;
  --font-display: 'GSerifSC', 'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', serif;
  --font-body: 'GSansSC', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'Fragment Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1.125rem;
  --text-lg: 1.375rem;
  --text-xl: 1.75rem;
  --text-display: clamp(3.25rem, 9vw, 8.5rem);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-legacy: cubic-bezier(.22,1,.36,1);
  --dur-short: 180ms;
  --dur-medium: 420ms;
  --rule-thin: 1px;
  --radius-card: 2px;
  --radius-pill: 999px;
  --width-content: 1240px;
  --gutter-page: clamp(20px, 5vw, 80px);
}

html[data-theme="light"] {
  color-scheme: light;
  --color-paper: oklch(0.955 0.014 76);
  --color-paper-raised: oklch(0.982 0.009 78);
  --color-surface: oklch(0.91 0.018 72);
  --color-ink: oklch(0.22 0.012 58);
  --color-ink-soft: oklch(0.37 0.014 58);
  --color-muted: oklch(0.48 0.014 58);
  --color-faint: oklch(0.56 0.012 58);
  --color-accent: oklch(0.58 0.15 47);
  --color-accent-deep: oklch(0.49 0.135 43);
  --color-accent-bright: oklch(0.56 0.135 57);
  --color-accent-ink: oklch(0.982 0.009 78);
  --color-focus: oklch(0.49 0.15 47);
  --color-rule: oklch(0.22 0.012 58 / 0.16);
  --color-shadow: oklch(0.28 0.018 58 / 0.34);
  --color-mask-solid: oklch(0.82 0.014 70);
  --color-spotlight: oklch(0.62 0.11 62 / 0.11);
  --color-bloom-hot: oklch(0.74 0.09 58 / 0.2);
  --color-bloom-low: oklch(0.83 0.045 66 / 0.28);
  --color-bloom-closing: oklch(0.7 0.1 52 / 0.22);
  --color-bloom-closing-low: oklch(0.83 0.04 64 / 0.3);
  --effect-nav-surface-soft: color-mix(in oklab, var(--color-paper) 48%, transparent);
  --effect-nav-surface: color-mix(in oklab, var(--color-paper) 91%, transparent);
  --effect-nav-blur: 18px;
  --effect-nav-saturation: 1.12;
  --effect-dialog-backdrop: color-mix(in oklab, var(--color-paper) 76%, transparent);
  --effect-media-brightness: 1;
  --effect-media-saturation: 0.97;
  --effect-media-hover-brightness: 1.02;
  --effect-media-hover-saturation: 1;
  --effect-portrait-brightness: 1;
  --effect-portrait-saturation: 0.98;
  --effect-experience-brightness: 1;
  --effect-experience-saturation: 0.97;
  --effect-project-brightness: 1;
  --effect-project-saturation: 0.97;
  --effect-outside-brightness: 1;
  --effect-outside-saturation: 0.97;
  --outside-hero-ink: oklch(0.98 0.009 78);
  --outside-hero-soft: oklch(0.9 0.012 74);
  --outside-hero-scrim: linear-gradient(90deg, oklch(0.14 0.01 58 / 0.78) 0%, oklch(0.19 0.012 58 / 0.6) 50%, oklch(0.27 0.016 58 / 0.36) 100%);
  --outside-hero-nav-scrim: linear-gradient(180deg, oklch(0.1 0.007 58 / 0.32) 0%, transparent 24%);
  --effect-music-hero-brightness: 1.02;
  --effect-music-hero-saturation: 1.02;
  --music-hero-scrim: linear-gradient(90deg, oklch(0.12 0.008 58 / 0.7) 0%, oklch(0.12 0.008 58 / 0.48) 52%, oklch(0.12 0.008 58 / 0.28) 100%);
  --effect-travel-hero-brightness: 1.08;
  --effect-travel-hero-saturation: 1.03;
  --travel-hero-scrim: linear-gradient(90deg, oklch(0.12 0.008 58 / 0.56) 0%, oklch(0.12 0.008 58 / 0.26) 58%, oklch(0.12 0.008 58 / 0.06) 100%);
  --effect-grain-opacity: 0.025;
  --effect-grain-blend: multiply;
  --effect-spotlight-blend: multiply;
  --effect-frame-blend: multiply;
}