/**
 * Kitchen CRM — Design tokens (preview / incremental rollout)
 * Source of truth: brand logo — navy + #7ED957 accent
 */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

/* —— Dark (default for preview) —— */
.kcrm-theme,
[data-kcrm-theme="dark"] {
    color-scheme: dark;

    --kcrm-font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text",
        "Segoe UI", system-ui, sans-serif;

    --kcrm-accent: #7ed957;
    --kcrm-accent-hover: #8ee566;
    --kcrm-accent-muted: rgba(126, 217, 87, 0.14);
    --kcrm-accent-ring: rgba(126, 217, 87, 0.35);

    --kcrm-bg: #0f172a;
    --kcrm-bg-elevated: #111827;
    --kcrm-surface: #1e293b;
    --kcrm-surface-hover: #243044;

    --kcrm-text: #ffffff;
    --kcrm-text-secondary: #e5e7eb;
    --kcrm-text-muted: #cbd5e1;
    --kcrm-text-faint: #94a3b8;

    --kcrm-border: rgba(255, 255, 255, 0.08);
    --kcrm-border-strong: rgba(255, 255, 255, 0.14);

    --kcrm-success: #22c55e;
    --kcrm-success-bg: rgba(34, 197, 94, 0.12);
    --kcrm-warning: #f59e0b;
    --kcrm-warning-bg: rgba(245, 158, 11, 0.12);
    --kcrm-danger: #ef4444;
    --kcrm-danger-bg: rgba(239, 68, 68, 0.12);
    --kcrm-info: #38bdf8;
    --kcrm-info-bg: rgba(56, 189, 248, 0.12);

    --kcrm-radius-sm: 12px;
    --kcrm-radius-md: 16px;
    --kcrm-radius-lg: 20px;
    --kcrm-radius-xl: 22px;
    --kcrm-radius-pill: 999px;

    --kcrm-space-1: 8px;
    --kcrm-space-2: 12px;
    --kcrm-space-3: 16px;
    --kcrm-space-4: 24px;
    --kcrm-space-5: 32px;
    --kcrm-space-6: 48px;

    --kcrm-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.24);
    --kcrm-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.32);
    --kcrm-shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.4);
    --kcrm-shadow-glow: 0 0 0 1px var(--kcrm-border),
        0 12px 40px rgba(126, 217, 87, 0.08);

    --kcrm-transition: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    --kcrm-sidebar-w: 260px;
    --kcrm-topbar-h: 64px;
    --kcrm-touch-min: 44px;
}

/* —— Light adaptive —— */
[data-kcrm-theme="light"] {
    color-scheme: light;

    --kcrm-bg: #f8fafc;
    --kcrm-bg-elevated: #ffffff;
    --kcrm-surface: #ffffff;
    --kcrm-surface-hover: #f1f5f9;

    --kcrm-text: #0f172a;
    --kcrm-text-secondary: #1e293b;
    --kcrm-text-muted: #64748b;
    --kcrm-text-faint: #94a3b8;

    --kcrm-border: rgba(15, 23, 42, 0.08);
    --kcrm-border-strong: rgba(15, 23, 42, 0.12);

    --kcrm-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --kcrm-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
    --kcrm-shadow-lg: 0 20px 48px rgba(15, 23, 42, 0.12);
    --kcrm-shadow-glow: 0 0 0 1px var(--kcrm-border),
        0 12px 40px rgba(126, 217, 87, 0.12);
}

.kcrm-theme {
    font-family: var(--kcrm-font);
    background: var(--kcrm-bg);
    color: var(--kcrm-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}