/* ============================================================================
   nexus-light — TOKENY dizajnového systému (spec 2a v2, 2026-09-17)
   --primary/--secondary… prichádzajú z head.php (:root, FrontendSettings).
   ============================================================================ */
:root {
  /* farby */
  --nl-accent: var(--primary, #6366f1);
  --nl-accent-strong: var(--primary-dark, #4f46e5);
  --nl-accent-soft: color-mix(in srgb, var(--nl-accent) 10%, #fff);
  --nl-accent-soft-2: color-mix(in srgb, var(--nl-accent) 18%, #fff);
  --nl-accent-text: color-mix(in srgb, var(--nl-accent) 85%, #000);
  --nl-secondary: var(--secondary, #ec4899);
  --nl-bg: #f7f8fb;
  --nl-surface: #ffffff;
  --nl-surface-2: #f1f3f8;
  --nl-surface-3: #e9ecf3;
  --nl-border: #e6e8ef;
  --nl-border-strong: #cfd4df;
  --nl-text: #0f172a;
  --nl-text-2: #475569;
  --nl-muted: #7c8697;
  --nl-success: var(--success, #10b981);
  --nl-warning: var(--warning, #f59e0b);
  --nl-danger: var(--danger, #ef4444);
  --nl-sale: #e11d48;
  /* tvary a tiene */
  --nl-r-xs: 6px; --nl-r-sm: 10px; --nl-r: 14px; --nl-r-lg: 20px; --nl-r-pill: 999px;
  --nl-sh-xs: 0 1px 2px rgba(15, 23, 42, .05);
  --nl-sh-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 12px -6px rgba(15, 23, 42, .10);
  --nl-sh: 0 2px 4px rgba(15, 23, 42, .04), 0 12px 32px -14px rgba(15, 23, 42, .18);
  --nl-sh-lg: 0 8px 16px -8px rgba(15, 23, 42, .12), 0 28px 64px -24px rgba(15, 23, 42, .28);
  --nl-ring: 0 0 0 3px color-mix(in srgb, var(--nl-accent) 25%, transparent);
  /* typografia */
  --nl-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --nl-fs-xs: 12px; --nl-fs-sm: 13.5px; --nl-fs: 15px; --nl-fs-md: 17px; --nl-fs-lg: 20px;
  --nl-lh: 1.6;
  /* rozloženie */
  --nl-container: min(1860px, 95vw); --nl-gutter: 20px;
  --nl-header-h: 72px; --nl-utility-h: 36px; --nl-catbar-h: 46px;
  --nl-bottomnav-h: 64px;
  --nl-ease: cubic-bezier(.22, 1, .36, 1);
  --nl-t: .18s var(--nl-ease); --nl-t-slow: .32s var(--nl-ease);
  /* premapovanie tokenov platformových modulov (layout-renderer.css, reviews, account, templates-inline) */
  --bg-primary: var(--nl-bg); --bg-secondary: var(--nl-surface); --bg-tertiary: var(--nl-surface-2);
  --bg-card: var(--nl-surface); --bg-card-hover: var(--nl-surface-2); --bg-elevated: var(--nl-surface);
  --border-color: var(--nl-border); --border-hover: var(--nl-border-strong); --input-bg: var(--nl-surface);
  --navbar-bg: rgba(255, 255, 255, .9);
  --text-primary: var(--nl-text); --text-secondary: var(--nl-text-2); --text-muted: var(--nl-muted);
  --radius-sm: var(--nl-r-sm); --radius-md: var(--nl-r); --radius-lg: var(--nl-r-lg); --radius-xl: 24px; --radius-full: 999px;
  --glass-bg: rgba(255, 255, 255, .78); --glass-border: var(--nl-border); --glass-blur: 16px;
  --shadow-sm: var(--nl-sh-sm); --shadow-md: var(--nl-sh); --shadow-lg: var(--nl-sh-lg); --shadow-glow: none;
  --gradient-brand: linear-gradient(135deg, var(--nl-accent), var(--nl-accent-strong));
  --gradient-brand-r: linear-gradient(315deg, var(--nl-accent), var(--nl-accent-strong));
  --gradient-dark: var(--nl-surface-2);
  --scrollbar-thumb: var(--nl-border-strong); --scrollbar-track: var(--nl-surface-2);
  --transition-fast: var(--nl-t); --transition-smooth: var(--nl-t-slow); --transition-slow: .5s var(--nl-ease);
  --z-dropdown: 1000; --z-sticky: 1020; --z-fixed: 1030; --z-modal-bg: 1040; --z-modal: 1050; --z-popover: 1060; --z-toast: 1070;
  --mux-shadow: rgba(15, 23, 42, .08);
  color-scheme: light;
}