/**
 * Hyranse design tokens (from tokens Hyranse.zip + landing reproduction spec).
 */
:root {
  /* Brand — prompt azure + Figma blue scale */
  --token-blue-50: #e3eff6;
  --token-blue-500: #0e99dc;
  --token-blue-600: #0284c7;
  --token-brand: #1e8ed6;
  --token-logo-light: #5ac8fa;
  --token-logo-deep: #007aff;
  --token-logo-gradient: linear-gradient(135deg, #5ac8fa 0%, #007aff 100%);

  /* Neutrals */
  --token-neutral-50: #f8fafc;
  --token-neutral-100: #e2e8f0;
  --token-neutral-600: #515762;
  --token-neutral-800: #262a34;
  --token-neutral-900: #141823;

  /* Landing reproduction surfaces */
  --token-surface-page: #f6f8fb;
  --token-surface-roi: #e9f2fb;
  --token-surface-dark: #1b1f2a;
  --token-surface-dark-card: #232836;
  --token-text-primary: #0f1115;
  --token-text-muted-on-dark: #a8b0bd;

  /* Semantic */
  --token-green-500: #10b981;
  --token-amber-500: #e97706;
  --token-gradient-brand: linear-gradient(45deg, #0284c7 0%, #1e293b 100%);

  /* Spacing / radius */
  --token-radius-lg: 8px;
  --token-radius-2xl: 16px;
  --token-section-pad: 96px;

  /* Shadows */
  --token-shadow-md: 0 4px 8px rgba(16, 24, 40, 0.1);
  --token-shadow-lg: 0 8px 16px rgba(16, 24, 40, 0.12);
}