:root {
  /* Primary Brand */
  --color-primary:        #0A1628;   /* Deep Navy — основной фон */
  --color-secondary:      #102040;   /* Dark Blue — вторичный фон */
  --color-accent:         #C8A84B;   /* Warm Gold — акценты, кнопки */
  --color-accent-hover:   #E0C068;   /* Light Gold — hover-состояния */
  --color-accent-dark:    #9A7A30;   /* Dark Gold — нажатые состояния */

  /* Neutrals */
  --color-surface:        #14213D;   /* Card/Panel Background */
  --color-surface-alt:    #1A2D50;   /* Alt Surface */
  --color-border:         #1E3560;   /* Borders */
  --color-border-light:   #2A4575;   /* Light Borders */

  /* Text */
  --color-text-primary:   #F0EDE6;   /* Main text — warm white */
  --color-text-secondary: #A8B4C8;   /* Secondary text — muted blue-grey */
  --color-text-muted:     #6A7A90;   /* Muted text */
  --color-text-dark:      #0A1628;   /* Dark text on light BG */

  /* Status */
  --color-success:        #2E7D52;
  --color-warning:        #C8A84B;
  --color-error:          #B03030;
  --color-info:           #2A5EA0;

  /* Gradients */
  --gradient-hero:        linear-gradient(135deg, #0A1628 0%, #1A3060 50%, #0D1F3C 100%);
  --gradient-card:        linear-gradient(180deg, #14213D 0%, #0A1628 100%);
  --gradient-gold:        linear-gradient(135deg, #9A7A30 0%, #C8A84B 50%, #E0C068 100%);
  --gradient-overlay:     linear-gradient(180deg, rgba(10,22,40,0) 0%, rgba(10,22,40,0.95) 100%);

  /* Typography */
  --font-heading:  'Playfair Display', Georgia, serif;    /* Заголовки H1-H3 */
  --font-subhead:  'Raleway', 'Helvetica Neue', sans-serif; /* Подзаголовки, навигация */
  --font-body:     'Inter', 'Helvetica Neue', sans-serif;  /* Основной текст */
  --font-mono:     'JetBrains Mono', 'Courier New', monospace; /* Коды, теги */

  /* Sizes */
  --text-xs:    0.75rem;   /* 12px */
  --text-sm:    0.875rem;  /* 14px */
  --text-base:  1rem;      /* 16px */
  --text-lg:    1.125rem;  /* 18px */
  --text-xl:    1.25rem;   /* 20px */
  --text-2xl:   1.5rem;    /* 24px */
  --text-3xl:   1.875rem;  /* 30px */
  --text-4xl:   2.25rem;   /* 36px */
  --text-5xl:   3rem;      /* 48px */
  --text-6xl:   3.75rem;   /* 60px */

  /* Line heights */
  --leading-tight:  1.25;
  --leading-normal: 1.6;
  --leading-loose:  1.8;

  /* Spacing */
  --spacing-xs:  0.25rem;   /* 4px */
  --spacing-sm:  0.5rem;    /* 8px */
  --spacing-md:  1rem;      /* 16px */
  --spacing-lg:  1.5rem;    /* 24px */
  --spacing-xl:  2rem;      /* 32px */
  --spacing-2xl: 3rem;      /* 48px */
  --spacing-3xl: 4rem;      /* 64px */
  --spacing-4xl: 6rem;      /* 96px */

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  --shadow-sm:   0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:   0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg:   0 8px 32px rgba(0,0,0,0.5);
  --shadow-gold: 0 4px 20px rgba(200,168,75,0.25);

  --container-max: 1280px;
  --container-pad: 1.5rem;   /* 24px горизонтальный padding контейнера */
}