/* Lexport Brand Tokens — Light Theme */
:root {
  --brand-navy: #13224d;
  --brand-navy-light: #1c3268;
  --brand-navy-muted: rgba(19, 34, 77, 0.08);
  --brand-coral: #ff5438;
  --brand-coral-light: #ff7559;
  --brand-coral-dark: #e8452a;
  --brand-coral-muted: rgba(255, 84, 56, 0.1);

  --lx-navy: var(--brand-navy);
  --lx-coral: var(--brand-coral);

  --lx-bg: #f7f8fb;
  --lx-bg2: #eef1f7;
  --lx-surface: #ffffff;
  --lx-card: #ffffff;
  --lx-border: rgba(19, 34, 77, 0.12);
  --lx-border-strong: rgba(19, 34, 77, 0.2);
  --lx-border-glow: rgba(255, 84, 56, 0.35);
  --lx-text: #13224d;
  --lx-text-secondary: #4d5875;
  --lx-muted: #7a8499;
  --lx-accent: #ff5438;
  --lx-accent-light: #ff7559;
  --lx-danger: #dc2626;
  --lx-success: #16a34a;
  --lx-warning: #d97706;

  --lx-gradient-accent: linear-gradient(135deg, #ff7559 0%, #ff5438 50%, #e8452a 100%);
  --lx-gradient-navy: linear-gradient(135deg, #1c3268 0%, #13224d 100%);
  --lx-sidebar-bg:
    radial-gradient(ellipse 120% 60% at 0% 0%, rgba(255, 84, 56, 0.22), transparent 50%),
    linear-gradient(180deg, #182a5c 0%, #13224d 48%, #0e1a3c 100%);
  --lx-shadow-sm: 0 2px 8px rgba(19, 34, 77, 0.06);
  --lx-shadow-md: 0 8px 24px rgba(19, 34, 77, 0.1);
  --lx-shadow-lg: 0 16px 40px rgba(19, 34, 77, 0.12);

  --lx-radius-sm: 8px;
  --lx-radius: 12px;
  --lx-radius-lg: 16px;
  --lx-radius-xl: 24px;

  --lx-content-max: 1200px;
  --lx-sidebar-w: 268px;
  --lx-header-height: 72px;
}

/* ============================================
   LEODI — glassmorphism tokens (panel shell)
   Navy + gold over dark bokeh. Keeps legacy
   coral tokens intact for landing/shared UI.
   ============================================ */
:root {
  --leodi-navy: #0a1224;
  --leodi-navy-deep: #060b16;
  --leodi-navy-mid: #13224d;
  --leodi-navy-soft: #1a2f66;
  --leodi-gold: #d4a017;
  --leodi-gold-light: #f0c14b;
  --leodi-gold-dark: #b8860b;
  --leodi-gold-muted: rgba(212, 160, 23, 0.16);
  --leodi-cyan-glow: rgba(124, 252, 255, 0.18);

  --leodi-text: #f3f6ff;
  --leodi-text-secondary: rgba(243, 246, 255, 0.72);
  --leodi-muted: rgba(243, 246, 255, 0.48);

  --leodi-glass: rgba(255, 255, 255, 0.07);
  --leodi-glass-strong: rgba(8, 14, 28, 0.46);
  --leodi-glass-soft: rgba(255, 255, 255, 0.05);
  --leodi-glass-border: rgba(255, 255, 255, 0.12);
  --leodi-glass-border-gold: rgba(240, 193, 75, 0.35);
  --leodi-glass-blur: 32px;

  --leodi-radius: 18px;
  --leodi-radius-lg: 24px;
  --leodi-radius-xl: 32px;
  --leodi-radius-pill: 999px;

  --leodi-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
  --leodi-shadow-sm: 0 12px 32px rgba(0, 0, 0, 0.22);
  --leodi-shadow-gold: 0 10px 28px rgba(212, 160, 23, 0.28);

  --leodi-header-h: 68px;
  --leodi-dock-h: 72px;
  --leodi-dock-gap: 1.25rem;

  --leodi-gradient-gold: linear-gradient(135deg, #f0c14b 0%, #d4a017 52%, #b8860b 100%);
  --leodi-gradient-navy: linear-gradient(145deg, #1a2f66 0%, #0a1224 100%);
  --leodi-bg-image: url('/assets/img/leodi/bg-city.webp');
  --leodi-module-hero: url('/assets/img/leodi/module-hero.webp');
  --leodi-bg-size: cover;
  --leodi-bg-position: center;
  --leodi-bg:
    linear-gradient(165deg, rgba(10, 14, 24, 0.40) 0%, rgba(8, 14, 28, 0.56) 48%, rgba(6, 11, 22, 0.70) 100%),
    var(--leodi-bg-image);
}


/* LEODI Website motion (Figma 01/03) */
:root {
  --leodi-intro-gold: #f0c24b;
  --leodi-hero-navy: #061321;
  --leodi-gold-400: #f0c24b;
  --leodi-ease-intro: cubic-bezier(0.76, 0, 0.24, 1);
  --leodi-ease-reveal: cubic-bezier(0.83, 0, 0.17, 1);
}