:root {
  --color-paper: #faf8f5;
  --color-paper: oklch(98% 0.004 85);
  --color-paper-2: #f0eeea;
  --color-paper-2: oklch(95% 0.006 85);
  --color-paper-3: #e1ded7;
  --color-paper-3: oklch(90% 0.01 85);
  --color-ink: #050c13;
  --color-ink: oklch(15% 0.02 250);
  --color-ink-2: #2c343c;
  --color-ink-2: oklch(32% 0.018 250);
  --color-ink-3: #585e65;
  --color-ink-3: oklch(48% 0.014 250);
  --color-accent: #b15600;
  --color-accent: oklch(55% 0.18 70);
  --color-accent-2: #bb7400;
  --color-accent-2: oklch(62% 0.14 70);
  --color-accent-glare: #ffdeba;
  --color-accent-glare: oklch(92% 0.06 70);
  --color-primary: #19325b;
  --color-primary: oklch(32% 0.08 260);
  --color-primary-2: #364d73;
  --color-primary-2: oklch(42% 0.07 260);
  --color-primary-glare: #ccd8ec;
  --color-primary-glare: oklch(88% 0.03 260);
  --color-border: #c8cbce;
  --color-border: oklch(84% 0.006 250);
  --color-focus: #0079ce;
  --color-focus: oklch(55% 0.18 240);
  --color-success: #3f842e;
  --color-success: oklch(55% 0.14 140);
  --color-rating: #b77800;
  --color-rating: oklch(62% 0.16 80);

  --font-display: 'Instrument Serif', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-label: 'Inter Tight', -apple-system, sans-serif;

  --size-base: 1rem;
  --size-0: 0.75rem;
  --size-1: 1rem;
  --size-2: 1.25rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3.5rem;
  --size-7: 5rem;
  --size-8: 7rem;

  --space-0: 0.25rem;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;

  --max-width: 1200px;
  --header-h: 68px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.08);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.1);
}

[data-theme="pazar"] {
  --color-paper: #f7f5f1;
  --color-paper: oklch(97% 0.006 80);
  --color-paper-2: #ebe7e1;
  --color-paper-2: oklch(93% 0.01 80);
  --color-paper-3: #dcd7cd;
  --color-paper-3: oklch(88% 0.014 80);
  --color-ink: #040913;
  --color-ink: oklch(14% 0.024 260);
  --color-ink-2: #282e38;
  --color-ink-2: oklch(30% 0.02 260);
  --color-ink-3: #535861;
  --color-ink-3: oklch(46% 0.016 260);
  --color-accent: #c25800;
  --color-accent: oklch(58% 0.19 65);
  --color-accent-2: #cc7800;
  --color-accent-2: oklch(65% 0.15 65);
  --color-accent-glare: #ffd5ae;
  --color-accent-glare: oklch(90% 0.07 65);
  --color-primary: #122555;
  --color-primary: oklch(28% 0.09 265);
  --color-primary-2: #2d416d;
  --color-primary-2: oklch(38% 0.08 265);
  --color-primary-glare: #c3cee5;
  --color-primary-glare: oklch(85% 0.035 265);
  --color-border: #c1c4c9;
  --color-border: oklch(82% 0.008 260);
}

[data-theme="deniz"] {
  --color-paper: #f3f5f7;
  --color-paper: oklch(97% 0.004 240);
  --color-paper-2: #e8ecef;
  --color-paper-2: oklch(94% 0.006 240);
  --color-paper-3: #d5dce1;
  --color-paper-3: oklch(89% 0.01 240);
  --color-ink: #030a11;
  --color-ink: oklch(14% 0.02 240);
  --color-ink-2: #272f35;
  --color-ink-2: oklch(30% 0.016 240);
  --color-ink-3: #52595e;
  --color-ink-3: oklch(46% 0.012 240);
  --color-accent: #0083b1;
  --color-accent: oklch(55% 0.16 220);
  --color-accent-2: #0097bc;
  --color-accent-2: oklch(62% 0.13 220);
  --color-accent-glare: #b4e0ef;
  --color-accent-glare: oklch(88% 0.05 220);
  --color-primary: #122555;
  --color-primary: oklch(28% 0.09 265);
  --color-primary-2: #2d416d;
  --color-primary-2: oklch(38% 0.08 265);
  --color-primary-glare: #c3cee5;
  --color-primary-glare: oklch(85% 0.035 265);
  --color-border: #c1c4c7;
  --color-border: oklch(82% 0.005 240);
}

[data-theme="gece"] {
  --color-paper: #0e1116;
  --color-paper: oklch(20% 0.012 260);
  --color-paper-2: #161a21;
  --color-paper-2: oklch(24% 0.014 260);
  --color-paper-3: #232833;
  --color-paper-3: oklch(30% 0.016 260);
  --color-ink: #f2f4f7;
  --color-ink: oklch(94% 0.006 250);
  --color-ink-2: #c3c9d2;
  --color-ink-2: oklch(79% 0.014 250);
  --color-ink-3: #8b929c;
  --color-ink-3: oklch(63% 0.015 250);
  --color-accent: #ff9a4d;
  --color-accent: oklch(74% 0.15 55);
  --color-accent-2: #ffb366;
  --color-accent-2: oklch(80% 0.12 55);
  --color-accent-glare: #4a2f14;
  --color-accent-glare: oklch(28% 0.07 55);
  --color-primary: #9db8e8;
  --color-primary: oklch(78% 0.07 260);
  --color-primary-2: #7d97c7;
  --color-primary-2: oklch(68% 0.07 260);
  --color-primary-glare: #2a3550;
  --color-primary-glare: oklch(30% 0.05 260);
  --color-border: #2e3540;
  --color-border: oklch(34% 0.014 260);
  --color-focus: #4db8ff;
  --color-focus: oklch(70% 0.12 240);
  --color-success: #7cc46b;
  --color-success: oklch(74% 0.12 140);
  --color-rating: #ffb84d;
  --color-rating: oklch(78% 0.14 75);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.35);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.55);
}