/* Jahanshiri design-system tokens.
   Mobile: < 640px | Tablet: 640-1023px | Desktop layout: >= 1024px |
   Full desktop header and 1200px content grid: >= 1280px. */
:root {
    --color-primary: #171d6f;
    --color-primary-dark: var(--color-primary);
    --color-cta: #e81820;
    --color-cta-hover: #d9151d;
    --color-cta-active: #c6131a;
    --color-footer: #101550;
    --color-surface-soft: #f7f8fc;
    --color-border: #efefef;
    --color-text: #50566a;
    --color-muted: #64697b;
    --color-accent-text: #d9151d;
    --color-accent-on-dark: #ff7378;
    --color-success: #17915d;
    --color-success-text: #0c7045;
    --color-warning: #d98600;
    --color-danger: #d32830;
    --shadow-card: 0 5px 18px rgba(23, 29, 111, .09);
    --shadow-card-hover: 0 14px 32px rgba(23, 29, 111, .14);
    --radius-field: 12px;
    --radius-button: 14px;
    --radius-card: 18px;
    --radius-card-large: 22px;
    --radius-section: 28px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --control-height: 56px;
    --text-link-underline-offset: 6px;
    --desktop-nav-indicator-size: 3px;
    --header-height: 80px;
    --container-width: 1200px;
    --page-gutter: 40px;
    --section-block-start: var(--space-16);
    --section-block-end: var(--space-16);
    --section-title-gap: var(--space-8);
    --section-grid-gap: var(--space-6);
    --hero-desktop-height: 548px;
    --hero-media-aspect-ratio: 8 / 5;
}