/* GENERATED from sites/private/home/shared/ld.css by scripts/sync-tokens.mjs — edit the tokens there, not here. */
/* ── Modes: system by default; ld-shell sets <html data-theme="light|dark"> from the ld_theme cookie ── */
:root { color-scheme: light dark; }
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }

/* ── Tokens: light-dark(<light>, <dark>) ── */
:root {
    --bg: light-dark(#f7f7f8, #09090b);
    --bg2: light-dark(#ffffff, #111113);          /* cards, panels, inputs */
    --bg3: light-dark(#f2f2f4, #18181b);          /* subtle fills, table headers, hover */
    --bg4: light-dark(#e8e8ec, #222226);          /* pressed / strong fills */
    --border: light-dark(#e4e4e7, #27272a);
    --border2: light-dark(#eeeef1, #1e1e22);      /* hairlines inside cards */
    --text: light-dark(#27272a, #e4e4e7);
    --text-bright: light-dark(#09090b, #fafafa);
    --text-dim: light-dark(#52525b, #a1a1aa);
    --text-muted: light-dark(#71717a, #8b8b94);

    --accent: light-dark(#ea580c, #fb923c);       /* LofiDawn orange */
    --accent-strong: light-dark(#c2410c, #fdba74);
    --accent-text: light-dark(#c2410c, #fdba74);  /* accent used as text (AA contrast) */
    --accent-soft: light-dark(#fff1e7, rgba(251, 146, 60, .12));
    --on-accent: light-dark(#ffffff, #1c1006);

    --green: light-dark(#15803d, #4ade80);   --green-bg: light-dark(#dcfce7, rgba(74, 222, 128, .12));
    --blue: light-dark(#1d4ed8, #60a5fa);    --blue-bg: light-dark(#dbeafe, rgba(96, 165, 250, .12));
    --red: light-dark(#b91c1c, #f87171);     --red-bg: light-dark(#fee2e2, rgba(248, 113, 113, .12));
    --amber: light-dark(#b45309, #fbbf24);   --amber-bg: light-dark(#fef3c7, rgba(251, 191, 36, .12));
    --purple: light-dark(#7e22ce, #c084fc);  --purple-bg: light-dark(#f3e8ff, rgba(192, 132, 252, .12));
    --accent-blue: var(--blue); --accent-green: var(--green); --accent-red: var(--red); --accent-yellow: var(--amber);

    --code-bg: light-dark(#18181b, #0c0c0e);
    --code-text: #e4e4e7;
    --shadow-color: light-dark(rgba(16, 16, 24, .06), rgba(0, 0, 0, .5));
    --shadow: 0 1px 2px var(--shadow-color), 0 1px 3px var(--shadow-color);
    --shadow-lg: 0 12px 32px -8px var(--shadow-color), 0 2px 6px var(--shadow-color);

    --sb-bg: light-dark(#fbfbfc, #0c0c0e);
    --sb-hover: light-dark(#f0f0f3, #17171a);
    --sb-active: light-dark(#ebebef, #1d1d21);

    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, Menlo, Consolas, monospace;
    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
}