/* Dusanglobal Design System (DGS) — foundation tokens v1.0 */
:root {
    /* Brand */
    --dgs-color-primary-50: #eff6ff;
    --dgs-color-primary-100: #dbeafe;
    --dgs-color-primary-500: #3b82f6;
    --dgs-color-primary-600: #2563eb;
    --dgs-color-primary-700: #1d4ed8;
    --dgs-color-primary-900: #1e3a8a;

    /* Neutrals */
    --dgs-color-white: #ffffff;
    --dgs-color-neutral-25: #fcfcfd;
    --dgs-color-neutral-50: #f8fafc;
    --dgs-color-neutral-100: #f1f5f9;
    --dgs-color-neutral-200: #e2e8f0;
    --dgs-color-neutral-300: #cbd5e1;
    --dgs-color-neutral-500: #64748b;
    --dgs-color-neutral-600: #475569;
    --dgs-color-neutral-700: #334155;
    --dgs-color-neutral-800: #1e293b;
    --dgs-color-neutral-900: #0f172a;

    /* Semantic */
    --dgs-color-success-50: #f0fdf4;
    --dgs-color-success-600: #16a34a;
    --dgs-color-warning-50: #fffbeb;
    --dgs-color-warning-700: #b45309;
    --dgs-color-danger-50: #fef2f2;
    --dgs-color-danger-600: #dc2626;
    --dgs-color-info-50: #eff6ff;
    --dgs-color-info-700: #1d4ed8;

    /* Typography */
    --dgs-font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --dgs-font-size-xs: .75rem;
    --dgs-font-size-sm: .875rem;
    --dgs-font-size-md: 1rem;
    --dgs-font-size-lg: 1.125rem;
    --dgs-font-size-xl: 1.25rem;
    --dgs-font-size-2xl: 1.5rem;
    --dgs-font-size-3xl: clamp(1.75rem, 2.5vw, 2.25rem);
    --dgs-font-weight-regular: 400;
    --dgs-font-weight-medium: 500;
    --dgs-font-weight-semibold: 600;
    --dgs-font-weight-bold: 700;
    --dgs-line-height-tight: 1.2;
    --dgs-line-height-normal: 1.5;

    /* Spacing */
    --dgs-space-0: 0;
    --dgs-space-1: .25rem;
    --dgs-space-2: .5rem;
    --dgs-space-3: .75rem;
    --dgs-space-4: 1rem;
    --dgs-space-5: 1.25rem;
    --dgs-space-6: 1.5rem;
    --dgs-space-8: 2rem;
    --dgs-space-10: 2.5rem;
    --dgs-space-12: 3rem;
    --dgs-space-16: 4rem;

    /* Shape and elevation */
    --dgs-radius-sm: .5rem;
    --dgs-radius-md: .75rem;
    --dgs-radius-lg: 1rem;
    --dgs-radius-xl: 1.25rem;
    --dgs-radius-pill: 999px;
    --dgs-shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);
    --dgs-shadow-md: 0 10px 30px rgba(15, 23, 42, .08);
    --dgs-shadow-lg: 0 20px 45px rgba(15, 23, 42, .12);

    /* Layout */
    --dgs-container-sm: 720px;
    --dgs-container-md: 960px;
    --dgs-container-lg: 1200px;
    --dgs-container-xl: 1440px;
    --dgs-page-gutter: clamp(1rem, 3vw, 2rem);

    /* Motion and focus */
    --dgs-duration-fast: 160ms;
    --dgs-duration-normal: 240ms;
    --dgs-ease-standard: cubic-bezier(.2, 0, 0, 1);
    --dgs-focus-ring: 0 0 0 3px rgba(37, 99, 235, .22);

    /* Compatibility aliases for the existing DGS foundation */
    --dg-primary: var(--dgs-color-primary-600);
    --dg-primary-hover: var(--dgs-color-primary-700);
    --dg-dark: var(--dgs-color-neutral-900);
    --dg-light: var(--dgs-color-neutral-50);
    --dg-white: var(--dgs-color-white);
    --dg-border: var(--dgs-color-neutral-200);
    --dg-success: var(--dgs-color-success-600);
    --dg-warning: var(--dgs-color-warning-700);
    --dg-danger: var(--dgs-color-danger-600);
    --dg-container-sm: var(--dgs-container-sm);
    --dg-container-md: var(--dgs-container-md);
    --dg-container-lg: var(--dgs-container-lg);
    --dg-container-xl: var(--dgs-container-xl);
    --dg-page-gutter: var(--dgs-page-gutter);
}