/* Hallmark · custom theme (bespoke depth) · vibe: "gece yolu, kırmızı stop lambası, kabin içi"
 * paper oklch(14.5% 0.012 25) · accent oklch(56% 0.218 27) brand red (#d71920)
 * display: Syne · body: Catamaran (cihanseven.com.tr ile aynı aile, Bunny Fonts)
 * axes: dark / geometric-sans / warm
 */

:root {
    --font-display: "Syne", "Catamaran", system-ui, sans-serif;
    --font-body: "Catamaran", system-ui, -apple-system, "Segoe UI", sans-serif;

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

    --radius-sm: 0.625rem;
    --radius-md: 0.875rem;
    --radius-lg: 1.25rem;
    --radius-full: 999px;

    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --dur-press: 100ms;
    --dur-short: 160ms;
    --dur-enter: 420ms;

    --z-base: 0;
    --z-raised: 10;
    --z-sticky: 100;
    --z-toast: 500;
}

/* Koyu (varsayılan, markanın kendi zemini) */
:root,
[data-theme="dark"] {
    color-scheme: dark;
    --color-paper: oklch(14.5% 0.012 25);
    --color-surface: oklch(19.5% 0.014 25);
    --color-surface-2: oklch(23.5% 0.016 25);
    --color-rule: oklch(29% 0.016 25);
    --color-rule-strong: oklch(38% 0.02 25);
    --color-muted: oklch(72% 0.014 30);
    --color-ink: oklch(95.5% 0.006 40);
    --color-accent: oklch(56% 0.218 27);
    --color-accent-fill: oklch(52% 0.2 27);
    --color-accent-fill-hover: oklch(48% 0.19 27);
    --color-accent-deep: oklch(43% 0.165 27);
    --color-on-accent: oklch(98.5% 0.006 30);
    --color-on-accent-muted: oklch(93% 0.03 27);
    --color-focus: oklch(74% 0.16 32);
    --color-danger: oklch(68% 0.19 27);
    --color-success: oklch(76% 0.13 150);
}

[data-theme="light"] {
    color-scheme: light;
    --color-paper: oklch(97% 0.007 40);
    --color-surface: oklch(99.3% 0.003 40);
    --color-surface-2: oklch(95% 0.008 35);
    --color-rule: oklch(88.5% 0.01 30);
    --color-rule-strong: oklch(78% 0.014 30);
    --color-muted: oklch(46% 0.014 30);
    --color-ink: oklch(21% 0.014 25);
    --color-accent-deep: oklch(44% 0.17 27);
    --color-focus: oklch(50% 0.2 27);
    --color-danger: oklch(50% 0.2 27);
    --color-success: oklch(48% 0.12 150);
}

@media (prefers-color-scheme: light) {
    [data-theme="auto"] {
        color-scheme: light;
        --color-paper: oklch(97% 0.007 40);
        --color-surface: oklch(99.3% 0.003 40);
        --color-surface-2: oklch(95% 0.008 35);
        --color-rule: oklch(88.5% 0.01 30);
        --color-rule-strong: oklch(78% 0.014 30);
        --color-muted: oklch(46% 0.014 30);
        --color-ink: oklch(21% 0.014 25);
        --color-accent-deep: oklch(44% 0.17 27);
        --color-focus: oklch(50% 0.2 27);
        --color-danger: oklch(50% 0.2 27);
        --color-success: oklch(48% 0.12 150);
    }
}