:root,
[data-bs-theme="light"] {
    color-scheme: light;
    --deca-figma-text-primary: #262e41;
    --deca-figma-text-secondary: #747b8a;
    --deca-figma-text-disabled: #8f94a2;
    --deca-figma-action-primary: #2563eb;
    --deca-figma-action-primary-hover: #7b9ee9;
    --deca-figma-action-primary-soft: rgba(152, 209, 226, 0.25);
    --deca-figma-action-primary-pressed: #1d4ed8;
    --deca-figma-action-secondary: #262e41;
    --deca-figma-action-secondary-hover: #e1e3e7;
    --deca-figma-action-secondary-pressed: #8f94a2;
    --deca-figma-action-disabled: #e1e3e7;
    --deca-figma-stroke: #e1e3e7;
    --deca-figma-stroke-strong: #aaaeb9;
    --deca-figma-bg-dark: #262e41;
    --deca-figma-bg-panel: #ffffff;
    --deca-figma-bg-neutral: #f6f7fa;
    --deca-figma-bg-neutral-strong: #eeeff1;
    --deca-figma-bg-color: #f4f9fb;
    --deca-figma-bg-color-strong: #e2f7fe;
    --deca-figma-success: #05a169;
    --deca-figma-success-soft: #f1fbf7;
    --deca-figma-warning: #dd9221;
    --deca-figma-warning-soft: #fff8ed;
    --deca-figma-danger: #b33129;
    --deca-figma-danger-soft: #fff1f0;
    --deca-figma-info: #4f73f4;
    --deca-figma-info-soft: #eff2ff;
    --deca-bg: var(--deca-figma-bg-neutral);
    --deca-bg-soft: var(--deca-figma-bg-neutral-strong);
    --deca-navy: var(--deca-figma-bg-dark);
    --deca-panel: #ffffff;
    --deca-panel-soft: var(--deca-figma-bg-color);
    --deca-surface: #ffffff;
    --deca-border: var(--deca-figma-stroke);
    --deca-border-strong: var(--deca-figma-stroke-strong);
    --deca-border-pressed: var(--deca-figma-action-primary-pressed);
    --deca-text: var(--deca-figma-text-primary);
    --deca-heading: var(--deca-figma-text-primary);
    --deca-muted: var(--deca-figma-text-secondary);
    --deca-muted-strong: #5f6674;
    --deca-primary: var(--deca-figma-action-primary);
    --deca-primary-hover: var(--deca-figma-action-primary-hover);
    --deca-primary-dark: var(--deca-figma-action-primary-pressed);
    --deca-primary-soft: var(--deca-figma-bg-color);
    --deca-primary-soft-strong: var(--deca-figma-bg-color-strong);
    --deca-accent: var(--deca-figma-success);
    --deca-accent-soft: var(--deca-figma-success-soft);
    --deca-danger: var(--deca-figma-danger);
    --deca-danger-soft: var(--deca-figma-danger-soft);
    --deca-warning: var(--deca-figma-warning);
    --deca-warning-soft: var(--deca-figma-warning-soft);
    --deca-info: var(--deca-figma-info);
    --deca-info-soft: var(--deca-figma-info-soft);
    --deca-topbar-bg: var(--deca-figma-bg-dark);
    --deca-topbar-text: #ffffff;
    --deca-sidebar-rail: #ffffff;
    --deca-sidebar-panel: #ffffff;
    --deca-sidebar-active: var(--deca-figma-bg-color);
    --deca-input-bg: #ffffff;
    --deca-overlay: rgba(38, 46, 65, 0.6);
    --deca-radius: 8px;
    --deca-radius-sm: 4px;
    --deca-radius-lg: 16px;
    --deca-radius-pill: 999px;
    --deca-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 10px rgba(0, 0, 0, 0.12);
    --deca-shadow-soft: 0 10px 28px rgba(38, 46, 65, 0.08);
    --deca-focus-ring: 0 0 0 2px var(--deca-primary);
    --bs-primary: var(--deca-primary);
    --bs-primary-rgb: 57, 160, 191;
    --bs-success: var(--deca-accent);
    --bs-success-rgb: 5, 161, 105;
    --bs-danger: var(--deca-danger);
    --bs-danger-rgb: 179, 49, 41;
}

[data-bs-theme="dark"] {
    color-scheme: dark;
    --deca-bg: #101624;
    --deca-bg-soft: #262e41;
    --deca-navy: #262e41;
    --deca-panel: #30384c;
    --deca-panel-soft: #364057;
    --deca-surface: #262e41;
    --deca-border: #485166;
    --deca-border-strong: #687286;
    --deca-text: #e8edf5;
    --deca-heading: #ffffff;
    --deca-figma-bg-neutral: #818183;
    --deca-figma-bg-neutral-strong: #727374;
    --deca-muted: #a0a3a8;
    --deca-muted-strong: #ffffff;
    --deca-primary: #2563eb;
    --deca-primary-hover: #6fc0d8;
    --deca-primary-dark: #1d4ed8;
    --deca-primary-soft: rgba(57, 160, 191, 0.14);
    --deca-primary-soft-strong: rgba(57, 160, 191, 0.22);
    --deca-accent: #39c48a;
    --deca-accent-soft: rgba(5, 161, 105, 0.14);
    --deca-danger: #ff7d75;
    --deca-danger-soft: rgba(179, 49, 41, 0.18);
    --deca-warning: #f0b45d;
    --deca-warning-soft: rgba(221, 146, 33, 0.18);
    --deca-info: #8fa4ff;
    --deca-info-soft: rgba(79, 115, 244, 0.18);
    --deca-topbar-bg: #262e41;
    --deca-topbar-text: #ffffff;
    --deca-sidebar-rail: #262e41;
    --deca-sidebar-panel: #444c61;
    --deca-sidebar-active: #262e41;
    --deca-input-bg: #30384c;
    --deca-overlay: rgba(8, 12, 20, 0.62);
    --deca-shadow: 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 10px rgba(0, 0, 0, 0.24);
    --deca-shadow-soft: 0 10px 28px rgba(0, 0, 0, 0.18);
    --bs-primary: var(--deca-primary);
    --bs-primary-rgb: 57, 160, 191;
    --bs-success: var(--deca-accent);
    --bs-success-rgb: 57, 196, 138;
    --bs-danger: var(--deca-danger);
    --bs-danger-rgb: 255, 125, 117;
}

html,
body {
    min-height: 100%;
}

body {
    background: var(--deca-bg);
    color: var(--deca-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: 0;
}

button,
input,
select,
textarea {
    font: inherit;
}