/* Hallmark · app shell (bespoke; pano/tablo + detay paneli) · tone: utilitarian-technical · anchor hue: 275 (indigo)
 * theme: custom (vibe: "sıcak kâğıt, mürekkep, tek indigo vurgu, tablo-önce") · paper oklch(98% 0.006 90) · accent oklch(47% 0.17 275)
 * fonts: Bricolage Grotesque (display) + IBM Plex Sans (body) + IBM Plex Mono (sayılar)
 * axes: light / grotesk-sans / cool
 * pre-emit critique: P4 H4 E4 S5 R4 V4
 */
:root {
  color-scheme: light;
  --font-display: "Bricolage Grotesque", "IBM Plex Sans", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-md: 0.9375rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;

  --space-2xs: 0.125rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 1rem;
  --space-xl: 1.5rem;
  --space-2xl: 2rem;
  --space-3xl: 3rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;
  --rule: 1px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.64, 0, 0.78, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-med: 220ms;

  --color-paper: oklch(98% 0.006 90);
  --color-paper-2: oklch(95.5% 0.008 90);
  --color-paper-3: oklch(92% 0.011 90);
  --color-ink: oklch(22% 0.02 265);
  --color-ink-2: oklch(42% 0.02 265);
  --color-ink-3: oklch(55% 0.016 265);
  --color-rule: oklch(86% 0.012 90);
  --color-accent: oklch(47% 0.17 275);
  --color-accent-soft: oklch(93% 0.035 275);
  --color-accent-ink: oklch(98.5% 0.008 275);
  --color-pos: oklch(46% 0.12 155);
  --color-neg: oklch(50% 0.19 27);
  --color-neg-soft: oklch(94% 0.035 27);
  --color-warn: oklch(52% 0.12 70);
  --color-warn-soft: oklch(94% 0.05 85);
  --color-focus: oklch(55% 0.2 275);
  --color-scrim: oklch(22% 0.02 265 / 0.45);
  --shadow-drawer: -12px 0 32px oklch(22% 0.02 265 / 0.12);
  /* işaret renkleri: yorum = yeşil, beğeni = kırmızı, alalım = mavi */
  --color-mark-comment: oklch(52% 0.15 150);
  --color-mark-like: oklch(55% 0.21 25);
  --color-mark-buy: oklch(52% 0.18 255);
  --color-mark-ink: oklch(99% 0.005 90);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-paper: oklch(17% 0.012 265);
    --color-paper-2: oklch(21% 0.014 265);
    --color-paper-3: oklch(26% 0.017 265);
    --color-ink: oklch(93% 0.008 90);
    --color-ink-2: oklch(78% 0.012 90);
    --color-ink-3: oklch(64% 0.012 90);
    --color-rule: oklch(33% 0.016 265);
    --color-accent: oklch(76% 0.12 275);
    --color-accent-soft: oklch(30% 0.07 275);
    --color-accent-ink: oklch(17% 0.03 275);
    --color-pos: oklch(78% 0.14 155);
    --color-neg: oklch(74% 0.15 27);
    --color-neg-soft: oklch(28% 0.06 27);
    --color-warn: oklch(80% 0.12 80);
    --color-warn-soft: oklch(30% 0.05 80);
    --color-focus: oklch(80% 0.13 275);
    --color-scrim: oklch(8% 0.01 265 / 0.6);
    --shadow-drawer: -12px 0 32px oklch(5% 0.01 265 / 0.5);
    --color-mark-comment: oklch(76% 0.17 150);
    --color-mark-like: oklch(70% 0.18 25);
    --color-mark-buy: oklch(72% 0.14 255);
    --color-mark-ink: oklch(16% 0.02 265);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-paper: oklch(17% 0.012 265);
  --color-paper-2: oklch(21% 0.014 265);
  --color-paper-3: oklch(26% 0.017 265);
  --color-ink: oklch(93% 0.008 90);
  --color-ink-2: oklch(78% 0.012 90);
  --color-ink-3: oklch(64% 0.012 90);
  --color-rule: oklch(33% 0.016 265);
  --color-accent: oklch(76% 0.12 275);
  --color-accent-soft: oklch(30% 0.07 275);
  --color-accent-ink: oklch(17% 0.03 275);
  --color-pos: oklch(78% 0.14 155);
  --color-neg: oklch(74% 0.15 27);
  --color-neg-soft: oklch(28% 0.06 27);
  --color-warn: oklch(80% 0.12 80);
  --color-warn-soft: oklch(30% 0.05 80);
  --color-focus: oklch(80% 0.13 275);
  --color-scrim: oklch(8% 0.01 265 / 0.6);
  --shadow-drawer: -12px 0 32px oklch(5% 0.01 265 / 0.5);
  --color-mark-comment: oklch(76% 0.17 150);
  --color-mark-like: oklch(70% 0.18 25);
  --color-mark-buy: oklch(72% 0.14 255);
  --color-mark-ink: oklch(16% 0.02 265);
}