@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

:root {
  /* Цвета */
  --navy:       #1F4E79;
  --blue:       #2E75B6;
  --blue-light: #EBF3FB;
  --gold:       #FFC000;
  --gold-dark:  #E6AC00;
  --white:      #FFFFFF;
  --gray-100:   #F5F7FA;
  --gray-300:   #D1D5DB;
  --gray-600:   #6B7280;
  --text:       #1A1A2E;
  --success:    #22C55E;
  --warning:    #F59E0B;
  --danger:     #EF4444;

  /* Типографика */
  --font-main:      'Inter', sans-serif;
  --text-xs:        12px;
  --text-sm:        14px;
  --text-base:      16px;
  --text-lg:        18px;
  --text-xl:        22px;
  --text-2xl:       28px;
  --text-3xl:       36px;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;

  /* Прочее */
  --radius-sm:    8px;
  --radius-md:    12px;
  --radius-lg:    20px;
  --radius-xl:    32px;
  --shadow-card:  0 2px 12px rgba(0,0,0,0.08);
  --shadow-hover: 0 8px 24px rgba(0,0,0,0.14);
  --max-width:    680px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-main);
  font-size: var(--text-base);
  color: var(--text);
  background: var(--gray-100);
  -webkit-font-smoothing: antialiased;
}

.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 20px;
}