/* LM Consult CI — Deep Blue Authority — design tokens */
:root {
  /* Brand */
  --lmc-ink:        #0a1628;
  --lmc-slate:      #1a3a5c;
  --lmc-navy-2:     #0d2847;
  --lmc-primary:    #3b82f6;
  --lmc-primary-lt: #60a5fa;
  --lmc-primary-dk: #1d4ed8;

  /* Neutrals */
  --lmc-page:    #f8f9fb;
  --lmc-surface: #f1f5f9;
  --lmc-border:  #e2e8f0;
  --lmc-border-2:#cbd5e1;
  --lmc-text:    #1a2332;
  --lmc-muted:   #64748b;
  --lmc-faint:   #94a3b8;
  --lmc-on-dark: #e2e8f0;

  /* Type */
  --lmc-font-sans: 'Inter', system-ui, sans-serif;
  --lmc-font-mono: 'JetBrains Mono', monospace;

  /* Signature */
  --lmc-hero-gradient: linear-gradient(135deg, #0a1628 0%, #1a3a5c 50%, #0d2847 100%);
  --lmc-glow: radial-gradient(circle, rgba(59,130,246,0.15) 0%, transparent 70%);
  --lmc-radius: 8px;
}

/* === Layout system (v0.2.0) — geteilt über alle Konzepte === */
:root {
  --lmc-space-1: 4px;
  --lmc-space-2: 8px;
  --lmc-space-3: 12px;
  --lmc-space-4: 16px;
  --lmc-space-6: 24px;
  --lmc-space-8: 32px;
  --lmc-space-12: 48px;
  --lmc-space-16: 64px;
  --lmc-space-24: 96px;

  --lmc-container: 1200px;
  --lmc-gutter: 24px;

  /* Breakpoints (in @media direkt verwenden, CSS-Variablen gehen dort nicht):
     sm 640px · md 768px · lg 1024px · xl 1280px */
}

/* Forms */
:root {
  --lmc-focus:        var(--lmc-primary);
  --lmc-input-bg:     #ffffff;
  --lmc-input-border: #cbd5e1;
  --lmc-input-text:   #1a2332;
  --lmc-input-radius: var(--lmc-radius);
}

/* Page surfaces (v0.2.0) */
:root {
  --lmc-page-bg:     #f8f9fb;
  --lmc-body-text:   #1a2332;
  --lmc-card-bg:     #ffffff;
  --lmc-nav-bg:      #0a1628;
  --lmc-footer-bg:   #0a1628;
  --lmc-section-alt: #f1f5f9;
  --lmc-on-dark:     #e2e8f0;
  --lmc-hero-accent: #60a5fa;
}

/* Hero surface (v0.2.0) */
:root {
  --lmc-hero-bg:   var(--lmc-hero-gradient);
  --lmc-hero-text: #ffffff;
}