:root {
  --font-sans: "Inter", "Segoe UI", Roboto, Arial, sans-serif;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-md: 18px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 40px;
  --text-4xl: 52px;

  --lh-tight: 1.15;
  --lh-heading: 1.2;
  --lh-body: 1.5;
  --lh-loose: 1.65;

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

  --color-primary: #f47c20;
  --color-primary-hover: #df6e18;
  --color-primary-active: #c96012;

  --color-text: #1f2937;
  --color-text-strong: #111827;
  --color-text-muted: #6b7280;
  --color-text-soft: #9ca3af;
  --color-text-inverse: #ffffff;

  --color-bg: #f8fafc;
  --color-surface: #ffffff;
  --color-surface-alt: #f3f4f6;
  --color-surface-muted: #eef2f7;

  --color-border: #e5e7eb;
  --color-border-strong: #d1d5db;

  --color-success: #16a34a;
  --color-success-bg: #dcfce7;

  --color-warning: #d97706;
  --color-warning-bg: #fef3c7;

  --color-danger: #dc2626;
  --color-danger-bg: #fee2e2;

  --color-info: #2563eb;
  --color-info-bg: #dbeafe;

  --color-overlay-hero: rgba(17, 24, 39, 0.52);
  --color-overlay-soft: rgba(17, 24, 39, 0.24);

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(17, 24, 39, 0.06);
  --shadow-sm: 0 6px 18px rgba(17, 24, 39, 0.08);
  --shadow-md: 0 10px 30px rgba(17, 24, 39, 0.10);
  --shadow-lg: 0 18px 48px rgba(17, 24, 39, 0.14);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 56px;
  --space-11: 72px;
  --space-12: 96px;

  --container-page: 1465px;
  --container-text: 880px;

  --header-height: 84px;
  --hero-search-width: 1122px;
  --hero-search-height: 64px;

  --transition-fast: 140ms ease;
  --transition-base: 220ms ease;

  --z-base: 1;
  --z-dropdown: 20;
  --z-sticky: 40;
  --z-overlay: 80;
  --z-modal: 100;
}