:root {
    --font-family: 'Plus Jakarta Sans', sans-serif;
    --brand-primary: #3B82F6;
    --brand-secondary: #8B5CF6;
    --brand-background-light: #F3F6FB;
    --brand-card-light: rgba(255,255,255,0.78);
    --brand-text-primary-light: #0F172A;
    --brand-text-secondary-light: #475569;
    --brand-border-light: rgba(15,23,42,0.12);
    --color-on-primary: #FFFFFF;
    --color-points: #F59E0B;
}

html.light {
    --color-primary: var(--brand-primary);
    --color-secondary: var(--brand-secondary);
    --color-background: var(--brand-background-light);
    --color-card: var(--brand-card-light);
    --color-text-primary: var(--brand-text-primary-light);
    --color-text-secondary: var(--brand-text-secondary-light);
    --color-text-muted: #64748B;
    --color-border: var(--brand-border-light);
    --color-border-soft: rgba(148,163,184,0.3);
    --color-surface: rgba(255,255,255,0.68);
    --color-surface-soft: rgba(255,255,255,0.6);
    --color-surface-strong: rgba(255,255,255,0.84);
    --color-header-bg: rgba(255,255,255,0.75);
    --color-nav-bg: rgba(255,255,255,0.82);
    --color-overlay: rgba(15,23,42,0.22);
    --color-input-bg: rgba(255,255,255,0.88);
    --color-input-border: rgba(148,163,184,0.35);
    --color-input-placeholder: #94A3B8;
    --color-success: #16A34A;
    --color-success-soft: rgba(34,197,94,0.14);
    --color-danger: #DC2626;
    --color-danger-soft: rgba(220,38,38,0.14);
    --color-warning: #D97706;
    --color-warning-soft: rgba(217,119,6,0.14);
    --color-info: #2563EB;
    --color-info-soft: rgba(37,99,235,0.14);
    --glass-bg: rgba(255,255,255,0.6);
    --glass-border: rgba(255,255,255,0.7);
    --glass-shadow: 0 12px 28px rgba(15,23,42,0.08);
    --color-shadow-soft: 0 8px 24px rgba(15,23,42,0.08);
    --skeleton-start: rgba(148,163,184,0.15);
    --skeleton-mid: rgba(148,163,184,0.3);
    --skeleton-end: rgba(148,163,184,0.15);
    --color-select-option-bg: #FFFFFF;
}

html:not(.light) {
    --color-primary: var(--brand-primary);
    --color-secondary: var(--brand-secondary);
    --color-background: var(--brand-background-light);
    --color-card: var(--brand-card-light);
    --color-text-primary: var(--brand-text-primary-light);
    --color-text-secondary: var(--brand-text-secondary-light);
    --color-text-muted: #64748B;
    --color-border: var(--brand-border-light);
    --color-border-soft: rgba(148,163,184,0.3);
    --color-surface: rgba(255,255,255,0.68);
    --color-surface-soft: rgba(255,255,255,0.6);
    --color-surface-strong: rgba(255,255,255,0.84);
    --color-header-bg: rgba(255,255,255,0.75);
    --color-nav-bg: rgba(255,255,255,0.82);
    --color-overlay: rgba(15,23,42,0.22);
    --color-input-bg: rgba(255,255,255,0.88);
    --color-input-border: rgba(148,163,184,0.35);
    --color-input-placeholder: #94A3B8;
    --color-success: #16A34A;
    --color-success-soft: rgba(34,197,94,0.14);
    --color-danger: #DC2626;
    --color-danger-soft: rgba(220,38,38,0.14);
    --color-warning: #D97706;
    --color-warning-soft: rgba(217,119,6,0.14);
    --color-info: #2563EB;
    --color-info-soft: rgba(37,99,235,0.14);
    --glass-bg: rgba(255,255,255,0.6);
    --glass-border: rgba(255,255,255,0.7);
    --glass-shadow: 0 12px 28px rgba(15,23,42,0.08);
    --color-shadow-soft: 0 8px 24px rgba(15,23,42,0.08);
    --skeleton-start: rgba(148,163,184,0.15);
    --skeleton-mid: rgba(148,163,184,0.3);
    --skeleton-end: rgba(148,163,184,0.15);
    --color-select-option-bg: #FFFFFF;
}