/* === variables.css === */
/* public_html/assets/css/variables.css */
/* Дизайн-токены в OKLCH (Dev Terminal 2026) */

:root {
    --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

    --shadow-sm: 0 1px 2px oklch(0% 0 0 / 0.25);
    --shadow-md: 0 4px 12px oklch(0% 0 0 / 0.3);
    --shadow-lg: 0 12px 32px oklch(0% 0 0 / 0.4);
}

/* DARK theme (default) */
:root[data-theme="dark"] {
    --bg: oklch(16% 0.008 240);
    --bg-alt: oklch(20% 0.008 240);
    --surface: oklch(22% 0.01 240);
    --surface-hover: oklch(26% 0.012 240);
    --border: oklch(30% 0.012 240);
    --border-strong: oklch(38% 0.014 240);

    --text: oklch(92% 0.008 240);
    --text-dim: oklch(68% 0.014 240);
    --text-muted: oklch(52% 0.014 240);

    --accent: oklch(72% 0.16 180);       /* циан-бирюзовый акцент */
    --accent-hover: oklch(78% 0.16 180);
    --accent-fg: oklch(12% 0 0);

    --ok: oklch(72% 0.18 155);
    --warn: oklch(78% 0.17 75);
    --danger: oklch(66% 0.23 25);
    --danger-bg: oklch(28% 0.09 25);
    --warn-bg: oklch(26% 0.06 75);
    --ok-bg: oklch(22% 0.06 155);

    --status-new: oklch(62% 0.17 240);
    --status-in-progress: oklch(75% 0.16 75);
    --status-fixed: oklch(70% 0.17 155);
    --status-ignored: oklch(55% 0.02 240);
}

/* LIGHT theme */
:root[data-theme="light"] {
    --bg: oklch(98% 0.004 240);
    --bg-alt: oklch(96% 0.006 240);
    --surface: oklch(100% 0 0);
    --surface-hover: oklch(96% 0.004 240);
    --border: oklch(88% 0.008 240);
    --border-strong: oklch(78% 0.01 240);

    --text: oklch(20% 0.012 240);
    --text-dim: oklch(40% 0.012 240);
    --text-muted: oklch(58% 0.012 240);

    --accent: oklch(52% 0.18 180);
    --accent-hover: oklch(44% 0.19 180);
    --accent-fg: oklch(98% 0 0);

    --ok: oklch(50% 0.17 155);
    --warn: oklch(62% 0.18 70);
    --danger: oklch(54% 0.24 25);
    --danger-bg: oklch(94% 0.04 25);
    --warn-bg: oklch(94% 0.05 75);
    --ok-bg: oklch(94% 0.05 155);

    --status-new: oklch(50% 0.18 240);
    --status-in-progress: oklch(60% 0.18 70);
    --status-fixed: oklch(50% 0.18 155);
    --status-ignored: oklch(60% 0.014 240);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}