/* ═══════════════════════════════════════════
   Design Tokens — kodmark
   Single source of truth for landing, mockup, app
   ═══════════════════════════════════════════ */

:root {
    /* ── Brand Colors ──────────────────────── */
    --primary: #1E3A8A;
    --primary-dark: #152968;
    --primary-light: #e8edfa;

    --accent: #F97316;
    --accent-dark: #c2410c;
    --accent-light: #fff7ed;

    /* ── Status (functional) ─────────────── */
    --success: #16a34a;
    --success-light: #f0fdf4;
    --warning: #ea580c;
    --warning-light: #fff7ed;
    --danger: #dc2626;
    --danger-light: #fef2f2;

    /* ── Text ──────────────────────────────── */
    --text: #0f172a;
    --text-secondary: #64748b;

    /* ── Surfaces ──────────────────────────── */
    --bg: #ffffff;
    --bg-alt: #f8fafc;
    --card: #ffffff;
    --border: #e2e8f0;

    /* ── Sidebar (mockup / app) ───────────── */
    --sidebar-bg: #1e293b;
    --sidebar-text: #e2e8f0;
    --sidebar-active: rgba(30, 58, 138, 0.2);

    /* ── Shape ─────────────────────────────── */
    --radius: 8px;
    --radius-lg: 16px;

    /* ── Shadows ───────────────────────────── */
    --shadow: 0 1px 3px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.06);
    --shadow-lg: 0 8px 40px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);

    /* ── Typography ────────────────────────── */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}