/* ===== CSS Variables - Flat Blue Theme ===== */
:root {
    /* Text / border */
    --brown-dark: #2C3E50;
    --brown-light: #64748B;

    /* Backgrounds */
    --parchment: rgba(255, 255, 255, 0.92);
    --parchment-dark: rgba(255, 255, 255, 0.82);
    --parchment-accent: #F0F7FF;

    /* Accent / brand */
    --orange: #4A90E2;
    --orange-light: #5BA3F5;
    --orange-dark: #2E7AD1;
    --blue: #4A90E2;
    --blue-light: #5BA3F5;

    /* Status */
    --green: #10B981;
    --red: #EF4444;

    /* Shape: rectangle (no pixel stairs) */
    --pixel-corners: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    --pixel-corners-large: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    --pixel-corners-user: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}