:root {

    --da-navy-900: #08192F;
    --da-navy-800: #0B2347;
    --da-navy-700: #0F2E5A;
    --da-navy-600: #163E73;
    --da-navy-50:  #F0F4F9;

    --da-teal-600: #014C43;
    --da-teal-500: #01675B;
    --da-teal-400: #0A766A;
    --da-teal-300: #1CB09D;
    --da-teal-50:  #EAF8FA;

    --da-indigo:      #6A5ACD;
    --da-indigo-dark: #4B3F94;
    --da-indigo-400:  #B7ADEA;
    --da-indigo-light:#E4E0F7;

    --da-coral-700: #8C3B16;
    --da-coral-600: #D9622B;
    --da-coral-500: #BE5626;
    --da-coral-400: #E8A87C;
    --da-coral-100: #FBE3D2;

    --da-gray-900: #1A1D23;
    --da-gray-500: #686E7C;
    --da-gray-label: #5B6371;
    --da-gray-300: #D1D5DB;
    --da-gray-100: #F3F4F6;
    --da-white:    #FFFFFF;

    --da-success: #1E9E5A;
    --da-warning: #E0A400;
    --da-error:   #D64545;

    --da-font-body: 'Inter', -apple-system, 'Segoe UI', system-ui, sans-serif;
    --da-font-mono: 'IBM Plex Mono', SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    --da-h1-size: 48px;   --da-h1-weight: 700; --da-h1-line-height: 56px; --da-h1-color: var(--da-navy-900);
    --da-h2-size: 40px;   --da-h2-weight: 700; --da-h2-line-height: 48px; --da-h2-color: var(--da-gray-900);
    --da-h3-size: 32px;   --da-h3-weight: 600; --da-h3-line-height: 40px; --da-h3-color: var(--da-gray-900);
    --da-h4-size: 24px;   --da-h4-weight: 600; --da-h4-line-height: 32px; --da-h4-color: var(--da-gray-900);
    --da-body-size: 16px; --da-body-weight: 400; --da-body-line-height: 28px;
    --da-small-size: 14px; --da-small-weight: 400; --da-small-line-height: 22px;
    --da-button-size: 16px; --da-button-weight: 600; --da-button-line-height: 24px;
    --da-code-size: 14px; --da-code-weight: 400; --da-code-line-height: 22px;

    --da-label-size: 18px; --da-label-weight: 500; --da-label-color: var(--da-gray-900);

    --da-space-1: 8px;
    --da-space-2: 16px;
    --da-space-3: 24px;
    --da-space-4: 32px;
    --da-space-5: 40px;
    --da-space-6: 48px;
    --da-space-7: 64px;
    --da-space-8: 80px;
    --da-space-9: 96px;

    --da-container-max: 1200px;
    --da-container-padding-desktop: 24px;
    --da-container-padding-tablet: 20px;
    --da-container-padding-mobile: 16px;

    --da-section-spacing-desktop: 96px;
    --da-section-spacing-tablet: 64px;
    --da-section-spacing-mobile: 48px;

    --da-breakpoint-sm: 575.98px;
    --da-breakpoint-md: 767.98px;
    --da-breakpoint-lg: 991.98px;
    --da-breakpoint-xl: 1200px;
    --da-breakpoint-xxl: 1400px;
}

body {
    font-family: var(--da-font-body);
}