/* GENERATED by :scripts:generateWebTokens from CuerDesignTokens.kt — do not edit. */
/* Single source of truth for the Cuer design system tokens (colors, radii, fonts). */

:root {
    --accent: #5B5BD6;
    --accent-ink: #FFFFFF;
    --accent-soft: rgba(91, 91, 214, 0.14);
    --bg: #F4F1EC;
    --surface: #FFFFFF;
    --surface-2: #FAF7F1;
    --surface-3: #EDE8DF;
    --line: rgba(20, 16, 12, 0.078);
    --line-strong: rgba(20, 16, 12, 0.161);
    --ink: #1A1612;
    --ink-2: #4A443D;
    --muted: #807A70;
    --muted-2: #A89F92;
    --info: #2563EB;
    --warning: #E8A03C;
    --error: #E94B3C;
    --success: #5DB87A;

    --r: 16px;
    --r-sm: 8px;
    --r-lg: 24px;
    --r-xs: 4px;
    --pinch: 2px;
    --asym: var(--r) var(--pinch) var(--r) var(--pinch);
    --asym-sm: var(--r-sm) var(--pinch) var(--r-sm) var(--pinch);
    --asym-lg: var(--r-lg) var(--pinch) var(--r-lg) var(--pinch);

    --font-display: "Manrope", system-ui, sans-serif;
    --font-body: "Manrope", system-ui, -apple-system, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

.theme-dark {
    --accent: #8C8CE8;
    --accent-ink: #FFFFFF;
    --accent-soft: rgba(140, 140, 232, 0.18);
    --bg: #14110E;
    --surface: #1F1B17;
    --surface-2: #25201A;
    --surface-3: #2E2822;
    --line: rgba(255, 247, 235, 0.059);
    --line-strong: rgba(255, 247, 235, 0.141);
    --ink: #F6F1E8;
    --ink-2: #C9C0B2;
    --muted: #B5AC9C;
    --muted-2: #5F574C;
    --info: #60A5FA;
    --warning: #E8A03C;
    --error: #E94B3C;
    --success: #5DB87A;
    background: var(--bg);
    color: var(--ink);
}