:root {
    /* Universal theme palette */
    --color-primary: #034332;
    --color-primary-dark: #011c15;
    --color-primary-deep: #022f23;
    --color-primary-light: #13845f;
    --color-primary-bright: #16936a;
    --color-primary-active: #12815d;
    --color-primary-hover: #075b45;
    --color-primary-deep-light: #06503d;
    --color-secondary: #f4dfa5;
    --color-secondary-light: #f6dfa0;
    --color-secondary-dark: #d5af58;
    --color-secondary-deep: #b99643;
    --color-accent: #edcf80;
    --color-accent-border: #d9b86d;
    --color-surface: #ffffff;
    --color-on-surface:#011c15;
    --color-surface-muted: #e2ece7;
    --color-text: #52665c;
    --color-text-dark: #163d30;
    --color-text-hover: #123c2d;
    --color-text-subtle: #7c8d83;
    --color-success: #2ecc71;
    --color-transparent: transparent;
    --color-overlay-deep: rgba(2, 39, 29, 0.94);
    --color-overlay-primary: rgba(3, 67, 50, 0.82);
    --color-overlay-primary-soft: rgba(3, 67, 50, 0.4);
    --color-overlay-primary-faint: rgba(3, 67, 50, 0.15);
    --color-overlay-deep-soft: rgba(2, 39, 29, 0.5);
    --color-surface-glass: rgba(255, 255, 255, 0.1);
    --color-surface-glass-soft: rgba(255, 255, 255, 0.08);
    --color-surface-glass-hover: rgba(255, 255, 255, 0.2);
    --color-text-on-primary: rgba(255, 255, 255, 0.9);
    --color-border-light: rgba(255, 255, 255, 0.65);
    --color-border-lighter: rgba(255, 255, 255, 0.8);
    --color-border-soft: rgba(255, 255, 255, 0.4);
    --color-shadow-dark-soft: rgba(0, 0, 0, 0.15);
    --color-shadow-dark: rgba(0, 0, 0, 0.2);
    --color-shadow-dark-strong: rgba(0, 0, 0, 0.25);
    --color-shadow-secondary: rgba(213, 175, 88, 0.35);
    --color-secondary-hover-light: #f9e9bd;
    --color-secondary-hover-dark: #e2c16f;
    --color-primary-gradient: linear-gradient(135deg, #022f23 0%, #034332 60%, #075b45 100%);
    --color-primary-dark-gradient: linear-gradient(135deg, #011c15 0%, #034332 50%, #06503d 100%);
    --color-secondary-gradient: linear-gradient(135deg, #f4dfa5, #d5af58);

    /* Top contact bar */
    --top-contact-background: var(--color-primary-gradient);
    --top-contact-border: rgba(237, 207, 128, 0.25);
    --top-contact-text: var(--color-surface-muted);
    --top-contact-text-primary: rgba(255, 255, 255, 0.88);
    --top-contact-text-muted: rgba(255, 255, 255, 0.65);
    --top-contact-white: var(--color-surface);
    --top-contact-gold: var(--color-secondary);
    --top-contact-gold-accent: var(--color-accent);
    --top-contact-gold-gradient: var(--color-secondary-gradient);
    --top-contact-deep-green: var(--color-primary);
    --top-contact-glass: rgba(255, 255, 255, 0.08);
    --top-contact-glass-soft: rgba(255, 255, 255, 0.05);
    --top-contact-border-gold: rgba(237, 207, 128, 0.35);
    --top-contact-shadow: rgba(237, 207, 128, 0.3);
    --top-contact-shadow-gold: rgba(213, 175, 88, 0.35);
    --top-contact-status: var(--color-success);
    --top-contact-status-shadow: rgba(46, 204, 113, 0.4);
    --top-contact-status-shadow-strong: rgba(46, 204, 113, 0.7);
    --top-contact-status-shadow-transparent: rgba(46, 204, 113, 0);

    /* School footer */
    --school-footer-background: var(--color-primary-dark-gradient);
    --school-footer-text: var(--color-surface-muted);
    --school-footer-white: var(--color-surface);
    --school-footer-gold: var(--color-secondary);
    --school-footer-gold-light: var(--color-secondary-light);
    --school-footer-gold-accent: var(--color-accent);
    --school-footer-gold-dark: var(--color-secondary-dark);
    --school-footer-green: var(--color-primary-light);
    --school-footer-deep-green: var(--color-primary-dark);
    --school-footer-accent-gradient: linear-gradient(90deg, var(--color-primary-light), var(--color-accent), var(--color-secondary-light), var(--color-primary-light));
    --school-footer-gold-gradient: linear-gradient(90deg, var(--color-accent), var(--color-secondary-dark));
    --school-footer-light-gradient: var(--color-secondary-gradient);
    --school-footer-glow-green: rgba(19, 132, 95, 0.25);
    --school-footer-glow-gold: rgba(237, 207, 128, 0.08);
    --school-footer-glass: rgba(255, 255, 255, 0.08);
    --school-footer-text-primary: rgba(255, 255, 255, 0.85);
    --school-footer-text-secondary: rgba(255, 255, 255, 0.82);
    --school-footer-text-muted: rgba(255, 255, 255, 0.75);
    --school-footer-text-link: rgba(255, 255, 255, 0.8);
    --school-footer-border-gold: rgba(237, 207, 128, 0.3);
    --school-footer-border-gold-soft: rgba(237, 207, 128, 0.35);
    --school-footer-border-gold-strong: rgba(237, 207, 128, 0.5);
    --school-footer-highlight: rgba(255, 255, 255, 0.3);
    --school-footer-highlight-strong: rgba(255, 255, 255, 0.4);
    --school-footer-shadow-dark: rgba(0, 0, 0, 0.3);
    --school-footer-text-glow: rgba(255, 255, 255, 0.2);
    --school-footer-shadow-gold-soft: rgba(237, 207, 128, 0.25);
    --school-footer-shadow-gold: rgba(213, 175, 88, 0.35);
    --school-footer-shadow-gold-strong: rgba(213, 175, 88, 0.4);
    --school-footer-bottom-background: rgba(0, 0, 0, 0.3);
    --school-footer-bottom-border: rgba(255, 255, 255, 0.08);
    --school-footer-divider: rgba(255, 255, 255, 0.25);

    /* School navbar */
    --school-navbar-background: rgba(255, 255, 255, 0.9);
    --school-navbar-border: rgba(9, 105, 74, 0.13);
    --school-navbar-gold-light: var(--color-secondary-light);
    --school-navbar-gold: var(--color-accent);
    --school-navbar-gold-button: var(--color-secondary);
    --school-navbar-gold-dark: var(--color-secondary-dark);
    --school-navbar-green: var(--color-primary-light);
    --school-navbar-green-bright: var(--color-primary-bright);
    --school-navbar-green-active: var(--color-primary-active);
    --school-navbar-green-dark: var(--color-primary-hover);
    --school-navbar-deep-green: var(--color-primary);
    --school-navbar-text: var(--color-text);
    --school-navbar-subtitle: var(--color-text-subtle);
    --school-navbar-button-text: var(--color-text-dark);
    --school-navbar-button-hover-text: var(--color-text-hover);
    --school-navbar-button-border: var(--color-accent-border);
    --school-navbar-button-border-active: var(--color-secondary-deep);
    --school-navbar-glass: rgba(19, 132, 95, 0.06);
    --school-navbar-glass-hover: rgba(19, 132, 95, 0.15);
    --school-navbar-glass-toggle: rgba(19, 132, 95, 0.08);
    --school-navbar-border-link: rgba(7, 91, 69, 0.09);
    --school-navbar-border-hover: rgba(7, 91, 69, 0.25);
    --school-navbar-border-logo: rgba(255, 255, 255, 0.45);
    --school-navbar-border-ring: rgba(19, 132, 95, 0.3);
    --school-navbar-border-active: rgba(237, 207, 128, 0.9);
    --school-navbar-shadow-green: rgba(3, 67, 50, 0.22);
    --school-navbar-shadow-logo-hover: rgba(3, 67, 50, 0.3);
    --school-navbar-shadow-green-hover: rgba(7, 91, 69, 0.12);
    --school-navbar-shadow-active: rgba(4, 80, 57, 0.3);
    --school-navbar-shadow-active-bright: rgba(18, 129, 93, 0.45);
    --school-navbar-shadow-active-hover: rgba(4, 80, 57, 0.35);
    --school-navbar-shadow-gold: rgba(146, 112, 42, 0.2);
    --school-navbar-shadow-gold-hover: rgba(146, 112, 42, 0.3);
    --school-navbar-shadow-toggle-focus: rgba(7, 91, 69, 0.15);
    --school-navbar-gold-hover-light: #f9e9bd;
    --school-navbar-gold-hover-dark: #e2c16f;
    --school-navbar-highlight-extra: rgba(255, 255, 255, 0.95);
    --school-navbar-transparent: var(--color-transparent);
    --school-navbar-white: var(--color-surface);
    --school-navbar-highlight: rgba(255, 255, 255, 0.7);
    --school-navbar-highlight-soft: rgba(255, 255, 255, 0.3);
    --school-navbar-highlight-strong: rgba(255, 255, 255, 0.8);
}