/* ==========================================================
   Dusanglobal Design System (DGS)
   Design Tokens v1.0
   ========================================================== */

:root {

    /* -------------------------------------------------------
       Brand
    ------------------------------------------------------- */

    --dg-primary: #2563EB;
    --dg-primary-hover: #1D4ED8;

    --dg-dark: #0F172A;
    --dg-light: #F8FAFC;
    --dg-white: #FFFFFF;

    --dg-border: #E2E8F0;

    --dg-success: #22C55E;
    --dg-warning: #F59E0B;
    --dg-danger: #EF4444;

    /* -------------------------------------------------------
       Typography
    ------------------------------------------------------- */

    --font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --fw-regular:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;

    --fs-display: clamp(3.5rem, 5vw, 4.5rem);
    --fs-h1: clamp(2.75rem, 4vw, 3.5rem);
    --fs-h2: clamp(2.25rem, 3vw, 2.75rem);
    --fs-h3: 2rem;
    --fs-body: 1.125rem;
    --fs-small: .95rem;

    /* -------------------------------------------------------
       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:6rem;
    --space-10:8rem;

    /* -------------------------------------------------------
       Radius
    ------------------------------------------------------- */

    --radius-sm:12px;
    --radius-md:16px;
    --radius-lg:20px;
    --radius-xl:28px;

    /* -------------------------------------------------------
       Shadows
    ------------------------------------------------------- */

    --shadow-sm:
        0 2px 10px rgba(15,23,42,.05);

    --shadow-md:
        0 12px 32px rgba(15,23,42,.10);

    --shadow-lg:
        0 24px 60px rgba(15,23,42,.16);

    /* -------------------------------------------------------
       Layout
    ------------------------------------------------------- */

    --container-width:1440px;

    --header-height:80px;

    /* -------------------------------------------------------
       Motion
    ------------------------------------------------------- */

    --transition-fast:180ms ease;
    --transition:250ms ease;
    --transition-slow:350ms ease;
}