/* ==========================================================
   TARG DESIGN SYSTEM
   Version: 0.1
   ========================================================== */

:root {

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

    --color-primary: #1E293B;
    --color-secondary: #64748B;
    --color-accent: #C69C6D;

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

    --color-white: #FFFFFF;
    --color-black: #111827;

    /* ======================================================
       SURFACES
       ====================================================== */

    --surface-page: #F8FAFC;
    --surface-card: #FFFFFF;
    --surface-card-hover: #FCFCFD;
    --surface-glass: rgba(255,255,255,.72);

    /* ======================================================
       TEXT
       ====================================================== */

    --text-primary: #1F2937;
    --text-secondary: #4B5563;
    --text-muted: #9CA3AF;
    --text-inverse: #FFFFFF;

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

    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

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

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-pill: 999px;

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

    --shadow-sm: 0 4px 10px rgba(15,23,42,.05);
    --shadow-md: 0 8px 24px rgba(15,23,42,.08);
    --shadow-lg: 0 16px 40px rgba(15,23,42,.12);

    /* ======================================================
       MOTION
       ====================================================== */

    --transition-fast: .18s ease;
    --transition-normal: .28s ease;
    --transition-slow: .45s ease;

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

    --container-width: 1320px;

    --header-height: 88px;
    --header-height-mobile: 88px;

}