/* ===========================================================
   PEOPLE & CULTURE AT WORK
   Enterprise Version 6
   Design System Variables
=========================================================== */

:root {

    /* =======================================================
       BRAND COLORS
    ======================================================= */

    --primary-blue: #159DB7;
    --primary-blue-dark: #117E95;
    --primary-blue-light: #DFF6FA;

    --primary-orange: #F58220;
    --primary-orange-dark: #D96B12;
    --primary-orange-light: #FFF2E7;

    --dark: #173042;
    --dark-light: #2D4657;

    --white: #FFFFFF;

    --background: #F8FAFB;
    --background-alt: #EEF6F8;

    --text: #2D3B45;
    --text-light: #6B7A86;

    --border: #DDE7EC;

    --success: #16A34A;
    --warning: #F59E0B;
    --danger: #DC2626;

    /* =======================================================
       TYPOGRAPHY
    ======================================================= */

    --font-heading: "Manrope", sans-serif;
    --font-body: "Inter", sans-serif;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.8rem;
    --font-size-5xl: 3.75rem;

    --line-height-heading: 1.15;
    --line-height-body: 1.7;

    /* =======================================================
       FONT WEIGHTS
    ======================================================= */

    --weight-light: 300;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-extra-bold: 800;

    /* =======================================================
       SPACING SYSTEM
    ======================================================= */

    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;
    --space-56: 56px;
    --space-64: 64px;
    --space-80: 80px;
    --space-96: 96px;
    --space-120: 120px;

    /* =======================================================
       CONTAINERS
    ======================================================= */

    --container-width: 1280px;
    --container-medium: 1100px;
    --container-small: 900px;
    --content-width: 760px;
    --card-width: 380px;

    /* =======================================================
       HEADER
    ======================================================= */

    --header-height: 82px;

    /* =======================================================
       SECTIONS
    ======================================================= */

    --section-padding: 120px;
    --section-padding-mobile: 72px;

    /* =======================================================
       BUTTONS
    ======================================================= */

    --button-height: 54px;

    /* =======================================================
       BORDER RADIUS
    ======================================================= */

    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-pill: 50px;
    --radius-circle: 999px;

    /* =======================================================
       SHADOWS
    ======================================================= */

    --shadow-sm:
        0 5px 15px rgba(0, 0, 0, 0.05);

    --shadow-md:
        0 15px 40px rgba(0, 0, 0, 0.08);

    --shadow-lg:
        0 25px 60px rgba(0, 0, 0, 0.12);

    --shadow-orange:
        0 18px 40px rgba(245, 130, 32, 0.28);

    --shadow-blue:
        0 18px 40px rgba(21, 157, 183, 0.22);

    /* =======================================================
       OVERLAYS
    ======================================================= */

    --overlay-dark: rgba(23, 48, 66, 0.65);
    --overlay-light: rgba(255, 255, 255, 0.75);

    /* =======================================================
       TRANSITIONS
    ======================================================= */

    --transition-fast: 0.2s ease;
    --transition: 0.35s ease;
    --transition-slow: 0.6s ease;

    /* =======================================================
       Z-INDEX
    ======================================================= */

    --z-header: 1000;
    --z-menu: 1100;
    --z-modal: 1200;
    --z-overlay: 1300;
    --z-tooltip: 1400;

}