/**
 * Cybsoft Admin tokens — 1:1 с cybsoft.tech
 * Тёмная тема по умолчанию; светлая — модификация той же жёлтой идентичности.
 */
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&family=Unbounded:wght@400;500;600;700&display=swap');

:root {
    --bg: #f4f4f7;
    --bg-card: #ffffff;
    --bg-elevated: #ececf1;
    --text: #18181b;
    --text-muted: #52525b;
    --accent: #eab308;
    --accent-soft: #ca8a04;
    --accent-dim: rgba(234, 179, 8, 0.22);
    --accent-on: #18181b;
    --border: rgba(24, 24, 27, 0.12);
    --ok: #16a34a;
    --ok-bg: #dcfce7;
    --danger: #dc2626;
    --danger-bg: #fee2e2;
    --warn: #eab308;
    --warn-bg: #fef9c3;
    --info: #2563eb;
    --info-bg: #dbeafe;
    --font-display: "Unbounded", system-ui, sans-serif;
    --font-body: "Onest", system-ui, sans-serif;
    --card-radius: 12px;
    --btn-radius: 8px;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
    --sidebar-width: 280px;
    --duration: 180ms;
    --focus-ring: 0 0 0 2px var(--accent);
    --color-background: var(--bg);
    --color-foreground: var(--text);
    --color-card: var(--bg-card);
    --color-card-foreground: var(--text);
    --color-muted: var(--bg-elevated);
    --color-muted-foreground: var(--text-muted);
    --color-border: var(--border);
    --color-accent: var(--accent);
    --color-accent-hover: #ca8a04;
    --color-on-accent: var(--accent-on);
    --color-destructive: var(--danger);
    --color-on-destructive: #fff;
    --color-primary: #323541;
    --color-on-primary: #fafafa;
    --color-sidebar: #323541;
    --color-sidebar-fg: #e5e7eb;
    --color-sidebar-muted: #a1a1aa;
    --font-sans: var(--font-body);
}

html.theme-dark {
    --bg: #323541;
    --bg-card: #2a2d3a;
    --bg-elevated: #35394a;
    --text: #fafafa;
    --text-muted: #a1a1aa;
    --accent: #facc15;
    --accent-soft: #ffed4e;
    --accent-dim: rgba(250, 204, 21, 0.15);
    --accent-on: #18181b;
    --border: rgba(255, 255, 255, 0.08);
    --ok: #22c55e;
    --ok-bg: rgba(34, 197, 94, 0.16);
    --danger: #ef4444;
    --danger-bg: rgba(239, 68, 68, 0.16);
    --warn: #facc15;
    --warn-bg: rgba(250, 204, 21, 0.14);
    --info: #60a5fa;
    --info-bg: rgba(96, 165, 250, 0.16);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.35);
    --focus-ring: 0 0 0 2px var(--accent);
    --color-accent-hover: #ffed4e;
    --color-on-destructive: #fff;
}

html { color-scheme: light; }
html.theme-dark { color-scheme: dark; }