/* CSS Variables - Design System */
:root {
    --background: hsl(0, 0%, 100%);
    --foreground: hsl(200, 15%, 20%);
    --card: hsl(0, 0%, 100%);
    --card-foreground: hsl(200, 15%, 20%);
    --primary: hsl(195, 75%, 35%);
    --primary-foreground: hsl(0, 0%, 100%);
    --primary-light: hsl(195, 60%, 92%);
    --secondary: hsl(42, 95%, 55%);
    --secondary-foreground: hsl(200, 15%, 20%);
    --secondary-light: hsl(42, 95%, 95%);
    --muted: hsl(200, 20%, 96%);
    --muted-foreground: hsl(200, 10%, 45%);
    --border: hsl(200, 15%, 88%);
    --radius: 0.75rem;
}