:root {
    --riom-primary: #1c315d;
    --riom-primary-dark: #122140;
    --riom-accent: #3B82F6;
    --riom-background: #f4f6f6;
    --riom-surface: #FFFFFF;
    --riom-text: #1E293B;
    --riom-text-muted: #485b7b;
    --riom-border: #E2E8F0;
    --riom-success: #25d366;
    --riom-warning: #F59E0B;
    --riom-danger: #EF4444;

    /* Semantic post-it colors (harmonized with RIOM) */
    --postit-pain: #fee2e2;
    --postit-pain-border: #fca5a5;
    --postit-pain-text: #991b1b;

    --postit-need: #fef9c3;
    --postit-need-border: #fde047;
    --postit-need-text: #854d0e;

    --postit-expectation: #e0f2fe;
    --postit-expectation-border: #7dd3fc;
    --postit-expectation-text: #075985;

    --postit-like: #dcfce7;
    --postit-like-border: #86efac;
    --postit-like-text: #166534;
    
    --postit-missing: #f3e8ff;
    --postit-missing-border: #d8b4fe;
    --postit-missing-text: #6b21a8;
    
    --postit-change: #ffedd5;
    --postit-change-border: #fdba74;
    --postit-change-text: #9a3412;
    
    --postit-neutral: #f1f5f9;
    --postit-neutral-border: #cbd5e1;
    --postit-neutral-text: #1e293b;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;

    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}