/* ===========================================================
   CareerPilot Design System v1
   =========================================================== */

:root {

    /* Brand Colours */

    --primary: #2563EB;
    --primary-dark: #1D4ED8;

    --secondary: #10B981;

    --accent: #F59E0B;

    /* Backgrounds */

    --background: #F8FAFC;
    --surface: #FFFFFF;

    /* Text */

    --text-primary: #0F172A;
    --text-secondary: #475569;

    /* Borders */

    --border: #E2E8F0;

    /* Status */

    --success: #22C55E;
    --warning: #F59E0B;
    --danger: #EF4444;
    --info: #3B82F6;

    /* Radius */

    --radius-small: 8px;
    --radius-medium: 12px;
    --radius-large: 16px;
    --radius-xl: 24px;

    /* Shadows */

    --shadow-small:
        0 2px 6px rgba(0,0,0,.05);

    --shadow-medium:
        0 8px 20px rgba(0,0,0,.08);

    --shadow-large:
        0 18px 40px rgba(0,0,0,.12);

    /* Spacing */

    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;
    --space-6: 64px;

}

* {

    margin: 0;
    padding: 0;

    box-sizing: border-box;

    font-family: "Inter", sans-serif;

}

body{

    background: var(--background);

    color: var(--text-primary);

    line-height: 1.6;

}