:root {
    /* Brand */
    --color-primary: #0078d4;
    --color-primary-hover: #106ebe;
    --color-primary-contrast: #ffffff;

    --color-accent: #0078d4;

    /* Text */
    --color-text: #1f2937;
    --color-text-strong: #1f2937;
    --color-text-muted: #6b7280;
    --color-text-soft: #4b5563;

    /* Background / Surface */
    --color-bg-page: #eef1f4;
    --color-surface: #ffffff;
    --color-surface-soft: #ffffff;
    --color-surface-softer: #f8fafc;
    --color-surface-highlight: #fbfdff;

    /* Borders */
    --color-border: #d8dee7;
    --color-border-soft: #e7edf3;
    --color-border-input: #cfd8e3;
    --color-border-hover: #9fb1c6;

    /* Status */
    --color-success: #2e7d32;
    --color-success-bg: #eaf7ee;
    --color-success-text: #1f6f43;
    --color-success-border: #cfe8d7;

    --color-danger: #c62828;
    --color-danger-bg: #fdecec;
    --color-danger-text: #a12626;
    --color-danger-border: #f3caca;

    --color-neutral: #6b7280;

    /* Effects */
    --shadow-panel: 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04);
}