/* VYGENEROVÁNO z tokens.json (FELAX Design System, verze 3). Neupravovat ručně — změňte tokens.json a spusťte: npm run tokens */
:root {
  /* Barvy */
  --bg-000: #05060f;
  --bg-100: #0a0e24;
  --bg-200: #11173a;
  --bg-300: #1b2350;
  --line: #1f2752;
  --line-strong: #6670b0;
  --haze: #9db4ff;
  --line-glass: color-mix(in srgb, var(--haze) 18%, transparent);
  --ink: #eef1ff;
  --ink-muted: #9aa3c7;
  --accent: #8fa8ff;
  --nebula-blue: #3d6bff;
  --nebula-violet: #7b5cff;
  --deep-indigo: #1e2a78;
  --grad-start: #9db4ff;
  --grad-end: #c3a6ff;
  --star: #c9d4ff;
  --cta: #3d4fd9;
  --cta-end: #6a4cf0;
  --cta-hover: #2f3fc4;
  --cta-hover-end: #5b3fe0;
  --on-cta: #ffffff;
  --focus: #ffffff;
  --error: #ff8a94;
  --logo-red: #ed1b2f;
  --logo-burgundy: #820024;

  /* Písma */
  --font-display: Oxanium, sans-serif;
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Typografická škála */
  --type-display-xl-family: var(--font-display);
  --type-display-xl-size: 88px;
  --type-display-xl-line: 1;
  --type-display-xl-weight: 400;
  --type-display-xl-tracking: -0.01em;
  --type-display-l-family: var(--font-display);
  --type-display-l-size: 56px;
  --type-display-l-line: 1.05;
  --type-display-l-weight: 400;
  --type-display-m-family: var(--font-display);
  --type-display-m-size: 36px;
  --type-display-m-line: 1.15;
  --type-display-m-weight: 400;
  --type-heading-family: var(--font-sans);
  --type-heading-size: 24px;
  --type-heading-line: 30px;
  --type-heading-weight: 600;
  --type-lead-family: var(--font-sans);
  --type-lead-size: 21px;
  --type-lead-line: 32px;
  --type-lead-weight: 400;
  --type-body-family: var(--font-sans);
  --type-body-size: 17px;
  --type-body-line: 27px;
  --type-body-weight: 400;
  --type-body-s-family: var(--font-sans);
  --type-body-s-size: 15px;
  --type-body-s-line: 23px;
  --type-body-s-weight: 400;
  --type-button-family: var(--font-sans);
  --type-button-size: 15px;
  --type-button-line: 20px;
  --type-button-weight: 600;
  --type-eyebrow-family: var(--font-mono);
  --type-eyebrow-size: 12px;
  --type-eyebrow-line: 16px;
  --type-eyebrow-weight: 500;
  --type-eyebrow-tracking: 0.18em;
  --type-meta-family: var(--font-mono);
  --type-meta-size: 13px;
  --type-meta-line: 18px;
  --type-meta-weight: 400;

  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;

  /* radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* shadow */
  --shadow-glow: 0 0 32px rgba(61, 107, 255, 0.45), 0 0 80px rgba(123, 92, 255, 0.25);
  --shadow-glow-soft: 0 0 0 1px rgba(61, 107, 255, 0.5), 0 0 24px rgba(61, 107, 255, 0.25);
  --shadow-menu: 0 16px 40px rgba(0, 0, 0, 0.6);

  /* layout */
  --page-margin-desktop: 80px;
  --page-margin-mobile: 20px;
  --content-max: 1280px;
  --header-height: 88px;
}

/* Světlé téma pro dokumenty: <html data-theme="light"> */
[data-theme="light"] {
  --bg-000: #ffffff;
  --bg-100: #f4f5fb;
  --bg-200: #eaecf7;
  --bg-300: #dde1f2;
  --line: #d6daec;
  --line-strong: #7a80a3;
  --haze: #3346c9;
  --ink: #0a0d24;
  --ink-muted: #4c5375;
  --accent: #3346c9;
  --grad-start: #3346c9;
  --grad-end: #5b3fe0;
  --star: #9aa3c7;
  --focus: #0a0d24;
  --error: #a8001a;
  --shadow-glow: 0 8px 24px rgba(61, 79, 217, 0.25);
  --shadow-glow-soft: 0 0 0 1px rgba(51, 70, 201, 0.5);
  --shadow-menu: 0 12px 32px rgba(10, 13, 36, 0.16);
}