/* TANO Trading – Design Tokens (nur Firma, NICHT für Submarken) */
:root {
  /* Farbe */
  --surface-page: #f8fafc;
  --surface-card: #ffffff;
  --ink: #0f172a;
  --ink-muted: #64748b;
  --hairline: #e2e8f0;
  --brand: #4f46e5;          /* Text, Links, Fokus, Brand-Buttons */
  --on-brand: #ffffff;
  --brand-bright: #6366f1;   /* Logo-Akzent, Flächen, Deko – nie für Fließtext */
  --brand-violet: #8b5cf6;   /* nur Deko / Verlauf im Hero-Wort */
  --brand-soft: #eef2ff;     /* Tags, sanfte Flächen */
  --logo-ground: #0f172a;    /* Logo-Kachel, dunkle Kontaktfläche */
  --footer-ground: #070d1a;

  /* Schrift */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Abstand */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 28px; --space-7: 56px; --space-8: 72px;

  /* Radius */
  --radius-xs: 6px; --radius-sm: 10px; --radius-md: 14px; --radius-lg: 18px; --radius-pill: 999px;

  /* Schatten */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 20px 48px rgba(0,0,0,0.10), 0 8px 16px rgba(0,0,0,0.06);
}