/* ==========================================================
   KORVX Industries (Pvt) Ltd
   Design Tokens v1.0
   ========================================================== */

:root {

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

    --kv-accent: #FF5500;
    --kv-dark: #24272C;
    --kv-grid: #D5D8DC;
    --kv-bg: #F4F5F7;

    /* ======================================================
       UI COLORS
       ====================================================== */

    --kv-surface: #FFFFFF;
    --kv-surface-alt: #ECEFF2;

    --kv-text: #44484D;
    --kv-text-light: #6B7076;

    --kv-border: #D5D8DC;

    --kv-success: #198754;
    --kv-danger: #DC3545;
    --kv-warning: #FFC107;

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

    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-mono: 'Roboto Mono', monospace;

    /* Font Weights */

    --fw-light: 300;
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-black: 900;

    /* ======================================================
       FONT SIZES
       ====================================================== */

    --fs-xs: .75rem;
    --fs-sm: .875rem;
    --fs-md: 1rem;
    --fs-lg: 1.125rem;
    --fs-xl: 1.5rem;
    --fs-2xl: 2rem;
    --fs-3xl: 2.75rem;
    --fs-4xl: 3.5rem;

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

    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 5rem;

    /* ======================================================
       LAYOUT
       ====================================================== */

    --container-max: 1320px;

    --navbar-height: 84px;

    /* ======================================================
       BORDERS
       ====================================================== */

    --radius-sm: 4px;
    --radius-md: 6px;

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

    --shadow-sm: 0 2px 6px rgba(0,0,0,.05);
    --shadow-md: 0 6px 18px rgba(0,0,0,.08);

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

    --transition: all .25s ease;
}