/* Design tokens — style for new site (Honolulu Blue) */
:root {
  --blue-main: #006CB3;
  --blue-500: #36A1F0;
  --blue-600: #2D86C8;
  --blue-50: #D8EAF7;
  --blue-25: #E8F3FB;
  --blue-0: #F7FCFF;

  --ink-1000: #0B263A;
  --ink-900: #133C5B;
  --ink-800: #1B547E;
  --ink-700: #246DA2;

  --neutral-0: #FFFFFF;
  --neutral-50: #F6F8FB;
  --neutral-100: #EEF2F6;
  --neutral-200: #DDE4EC;
  --neutral-500: #8A96A3;
  --neutral-600: #6B7280;
  --neutral-700: #4A5568;
  --neutral-900: #1A2332;

  --accent-cyan: #00A1E2;
  --success: #728322;
  --danger: #CE5130;

  --font-body: 'Inter', Verdana, system-ui, sans-serif;
  --font-code: 'JetBrains Mono', Consolas, monospace;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;

  --shadow-sm: 0 1px 2px rgba(11, 38, 58, 0.06);
  --shadow-md: 0 8px 24px rgba(11, 38, 58, 0.08);
  --shadow-lg: 0 20px 48px rgba(11, 38, 58, 0.12);
  --shadow-product: 0 24px 64px rgba(0, 108, 179, 0.15);

  --container: 1200px;
  --container-wide: 1320px;
  --header-h: 72px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --transition: 0.35s var(--ease-out);

  /* Semantic — каждый концепт переопределяет на body.theme-* */
  --text: var(--ink-900);
  --text-heading: var(--ink-1000);
  --text-muted: var(--neutral-700);
  --text-subtle: var(--ink-800);
  --surface: var(--neutral-0);
  --surface-alt: var(--neutral-50);
  --card-bg: #FFFFFF;
  --header-scrolled-bg: rgba(255, 255, 255, 0.92);
  --nav-link: var(--neutral-700);
  --nav-link-hover: var(--blue-main);
  --logo-color: var(--ink-1000);
  --accent: var(--blue-main);
  --accent-hover: var(--blue-600);
  --on-accent: #FFFFFF;

  /* Hero surface — themes with dark heroes override these */
  --hero-text: var(--text-heading);
  --hero-text-muted: var(--text-muted);

  /* Card-scoped text — override when card contrast differs from page */
  --card-text: var(--text);
  --card-text-heading: var(--text-heading);
  --card-text-muted: var(--text-muted);
  --card-text-subtle: var(--text-subtle);
}