:root {
    --color-background: #f0f4fa;
    --color-background-mesh: radial-gradient(ellipse 80% 60% at 10% 0%, rgb(26 95 212 / 8%), transparent 60%), radial-gradient(ellipse 60% 50% at 90% 100%, rgb(26 95 212 / 6%), transparent 55%);
    --color-surface: #ffffff;
    --color-surface-elevated: #f8faff;
    --color-primary: #1a5fd4;
    --color-primary-hover: #1449a8;
    --color-primary-soft: #e8f0fd;
    --color-on-primary: #ffffff;
    --color-text: #141c2e;
    --color-muted: #5c6b82;
    --color-border: #dde4ef;
    --color-border-input: #c8d4e6;
    --color-success-bg: #e6f7ee;
    --color-success-text: #146b3a;
    --color-error-bg: #fef0f0;
    --color-error-text: #8b2222;
    --color-warning-bg: #fef8e6;
    --color-warning-text: #6b5010;
    --color-warning: #d97706;
    --color-danger: #c0392b;
    --color-shadow: rgb(20 28 46 / 6%);
    --color-shadow-primary: rgb(26 95 212 / 18%);
    --color-ribbon: #1a5fd4;
    --color-file-pdf: #c0392b;
    --color-file-generic: #5c6b82;
    --radius-card: 18px;
    --radius-button: 12px;
    --radius-pill: 999px;
}