/* ============================================================================
   Egyptours — Design Tokens
   Single source of truth for the brand schema (colors, type, spacing, radius).
   Load FIRST, right after bootstrap.min.css. Values only (no selectors but :root).
   ============================================================================ */
:root {
  --et-primary:        #F7B020;
  --et-primary-hover:  #D9920A;
  --et-primary-active: #B57400;
  --et-primary-tint:   #FEF4DA;
  --et-on-primary:     #1A1A1A;
  --et-on-tint:        #8A5A00;
  --et-accent:         #0E8C8C;
  --et-accent-hover:   #0A6B6B;
  --et-accent-tint:    #E1F2F2;
  --et-sun:            #FCE9A8;
  --et-ink:            #1A1A1A;
  --et-text:           #222428;
  --et-text-muted:     #667085;
  --et-border:         #E4E7EC;
  --et-surface:        #FFFFFF;
  --et-bg:             #F7F8FA;
  --et-success:        #1E9E5A;
  --et-danger:         #E5484D;
  --et-info:           #0E8C8C;
  --et-warning:        #B57400;
  --et-font-base:    'Cairo', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --et-font-heading: var(--et-font-base);
  --et-fw-regular: 400;
  --et-fw-medium:  500;
  --et-fw-bold:    700;
  --et-lh-base:    1.6;
  --et-fs-sm:   0.875rem;
  --et-fs-base: 1rem;
  --et-fs-lg:   1.25rem;
  --et-fs-xl:   1.5rem;
  --et-fs-2xl:  2rem;
  --et-fs-3xl:  2.5rem;
  --et-space-1: 0.25rem;
  --et-space-2: 0.5rem;
  --et-space-3: 0.75rem;
  --et-space-4: 1rem;
  --et-space-5: 1.5rem;
  --et-space-6: 2rem;
  --et-space-7: 3rem;
  --et-radius-sm:   6px;
  --et-radius-md:   10px;
  --et-radius-lg:   16px;
  --et-radius-pill: 999px;
  --et-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --et-shadow-md: 0 4px 12px rgba(16, 24, 40, .08);
  --et-shadow-lg: 0 12px 28px rgba(16, 24, 40, .12);
  --et-ring: 0 0 0 3px rgba(247, 176, 32, .35);
  /* Breakpoints (reference; cannot be used in @media): sm 576 / md 768 / lg 992 / xl 1200 / xxl 1400 */
}