/*
 * Upskilling with Prashant - Theme Overrides
 * Override Oat CSS variables with brand colors
 */

:root {
    /* Typography - Plus Jakarta Sans, fallback to system stack */
    --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

    /* Page background */
    --background: rgb(255 255 255);
    /* Primary text color */
    --foreground: rgb(9 9 11);

    /* Card background */
    --card: rgb(255 255 255);
    /* Card text color */
    --card-foreground: rgb(9 9 11);

    /* Primary buttons and links - Upskilling with Prashant brand blue */
    --primary: rgb(26 82 118);
    /* Text color on primary buttons */
    --primary-foreground: rgb(250 250 250);

    /* Secondary button background */
    --secondary: rgb(244 244 245);
    /* Text colour on secondary buttons */
    --secondary-foreground: rgb(26 82 118);

    /* Muted (lighter) background */
    --muted: rgb(244 244 245);
    /* Muted (lighter) text colour */
    --muted-foreground: rgb(113 113 122);

    /* Subtler than muted background */
    --faint: rgb(250 250 250);
    /* Subtler than muted text color */
    --faint-foreground: rgb(161 161 170);

    /* Accent background */
    --accent: rgb(244 244 245);

    /* Error/danger color */
    --danger: rgb(211 47 47);
    /* Text color on danger background */
    --danger-foreground: rgb(250 250 250);

    /* Success color */
    --success: rgb(0 128 50);
    /* Text colour on success background */
    --success-foreground: rgb(250 250 250);

    /* Warning color */
    --warning: rgb(166 91 0);
    /* Text colour on warning background */
    --warning-foreground: rgb(9 9 11);

    /* Border color (boxes) */
    --border: rgb(212 212 216);
    /* Input borders */
    --input: rgb(212 212 216);
    /* Focus ring color */
    --ring: rgb(26 82 118);
}