/* Color schemes — override the global CSS custom properties on body.
 * Selected per page via Page Properties → i2t3 Theme → Color scheme.
 * Body gets class .i2t3-scheme-<name>; everything inside picks up the new
 * variable values because components reference var(--i2t3-*).
 */

.i2t3-scheme-orange {
    --i2t3-primary: #f57c00;
    --i2t3-secondary: #5d4037;
    --i2t3-accent: #ffb74d;
}

.i2t3-scheme-blue {
    --i2t3-primary: #1e88e5;
    --i2t3-secondary: #37474f;
    --i2t3-accent: #4fc3f7;
}

.i2t3-scheme-brown {
    --i2t3-primary: #795548;
    --i2t3-secondary: #4e342e;
    --i2t3-accent: #d7ccc8;
}

.i2t3-scheme-cyan {
    --i2t3-primary: #00acc1;
    --i2t3-secondary: #00838f;
    --i2t3-accent: #80deea;
}

.i2t3-scheme-green {
    --i2t3-primary: #43a047;
    --i2t3-secondary: #2e7d32;
    --i2t3-accent: #a5d6a7;
}

.i2t3-scheme-rose {
    --i2t3-primary: #e91e63;
    --i2t3-secondary: #ad1457;
    --i2t3-accent: #f8bbd0;
}