/* =========================================================================
   variables.css - единый источник дизайн-токенов DoleFi
   Меняй цвета/шрифты/отступы ТОЛЬКО здесь - они подтянутся по всему сайту.
   Тема: тёмная, нейтральная (графит) с тёплым янтарным акцентом.
   ========================================================================= */

:root {
  /* --- Базовые поверхности (фоны) --- */
  --bg:            #0a0a0c;   /* основной фон страницы */
  --bg-soft:       #111114;   /* приподнятые блоки/секции */
  --surface:       #16161a;   /* карточки */
  --surface-hi:    #1e1e24;   /* карточки при наведении */

  /* --- Текст --- */
  --text:          #ECECEE;   /* основной текст */
  --text-dim:      #A1A1AA;   /* вторичный текст */
  --muted:         #6B6B73;   /* подписи, плейсхолдеры */

  /* --- Акцент --- */
  --accent:        #B8FF3C;
  --accent-soft:   #c8ff5a;
  --accent-glow:   rgba(184, 255, 60, 0.22);

  /* --- Линии и границы --- */
  --border:        rgba(255, 255, 255, 0.08);
  --border-hi:     rgba(255, 255, 255, 0.16);

  /* --- Шрифты --- */
  /* Display - характерный гротеск для заголовков.
     Body - нейтральный читаемый. Mono - технические подписи. */
  --font-display:  "Finlandica", "Space Grotesk", system-ui, sans-serif;
  --font-body:     "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:     "Space Mono", ui-monospace, monospace;

  /* --- Размеры/радиусы --- */
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 22px;

  /* --- Раскладка --- */
  --header-h:  64px;
  --maxw:      1180px;   /* максимальная ширина контента */
  --gutter:    2rem;     /* боковые отступы */

  /* --- Тени --- */
  --shadow:    0 10px 40px rgba(0, 0, 0, 0.45);

  /* --- Переходы --- */
  --t-fast: 0.18s ease;
  --t:      0.28s cubic-bezier(0.23, 1, 0.32, 1);
}