:root {
    --color-darkest: #061E29;
    --color-dark: #1D546D;
    --color-medium: #5F9598;
    --color-dark-accent: #AACFD2;
    --color-light-surface: #BACFD2;
    --color-lightest: #F3F4F4;
    
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-dyslexic: 'OpenDyslexic', sans-serif;
    
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    --line-height-body: 1.6;
    --line-height-heading: 1.3;
    
    --radius-card: 8px;
    --radius-button: 6px;
    --radius-input: 6px;
    --radius-badge: 6px;
    --radius-avatar: 50%;
    
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    
    --nav-height: 60px;
}

:root {
    --bg: var(--color-lightest);
    --text: var(--color-darkest);
    --surface: var(--color-light-surface);
    --border: var(--color-dark);
    --accent: var(--color-dark);
}

[data-theme="dark"] {
    --bg: var(--color-darkest);
    --text: var(--color-lightest);
    --surface: var(--color-dark);
    --border: var(--color-medium);
    --accent: var(--color-dark-accent);
}

[data-font="dyslexic"] {
    --font-family: var(--font-family-dyslexic);
    --font-weight-medium: 400;
    --font-weight-semibold: 700;
}