/* AlphaOilTrading — дизайн-токены. oklch, один акцент (латунь/янтарь), тёплый графит. */
:root {
  /* Цвет */
  --ink: oklch(24% 0.02 256);
  --ink-soft: oklch(46% 0.016 252);
  --ink-faint: oklch(62% 0.012 250);
  --paper: oklch(98.4% 0.003 85);
  --paper-2: oklch(96.2% 0.005 85);
  --line: oklch(90% 0.006 85);
  --line-soft: oklch(93.5% 0.005 85);

  --deep: oklch(21% 0.028 258);
  --deep-2: oklch(25.5% 0.03 256);
  --deep-line: oklch(34% 0.025 255);
  --on-deep: oklch(95% 0.004 85);
  --on-deep-soft: oklch(74% 0.012 250);

  --accent: oklch(75% 0.118 74);
  --accent-strong: oklch(66% 0.125 66);
  --accent-ink: oklch(30% 0.06 65);
  --accent-soft: oklch(94% 0.035 80);

  --ok: oklch(62% 0.13 155);
  --err: oklch(58% 0.16 25);
  --err-soft: oklch(95% 0.025 25);

  /* Шрифты */
  --font-display: 'Geologica', 'Onest', sans-serif;
  --font-body: 'Onest', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Шкала */
  --text-xs: 0.8125rem;   /* 13 */
  --text-sm: 0.9375rem;   /* 15 */
  --text-base: 1.0625rem; /* 17 */
  --text-lg: 1.1875rem;   /* 19 */
  --text-xl: 1.375rem;    /* 22 */
  --text-2xl: 1.75rem;    /* 28 */
  --text-3xl: 2.25rem;    /* 36 */
  --text-4xl: 3rem;       /* 48 */
  --text-hero: clamp(2.25rem, 1.2rem + 3.6vw, 4rem);

  /* Геометрия */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --container: 1200px;
  --gutter: clamp(20px, 4vw, 40px);

  /* Тени (тонированы в фон, без неона) */
  --shadow-1: 0 1px 2px oklch(24% 0.02 256 / 0.06), 0 8px 24px -12px oklch(24% 0.02 256 / 0.10);
  --shadow-2: 0 2px 6px oklch(24% 0.02 256 / 0.07), 0 20px 44px -18px oklch(24% 0.02 256 / 0.16);

  /* Движение */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 0.18s var(--ease);
  --t-med: 0.32s var(--ease);
}