/* ==========================================================================
   ANTICA INDUSTRIES — OFFICIAL DESIGN SYSTEM v9.0
   File: /styles/antica-design-system.css
   Foundry: Vercel Bold (Geist 700/800 & Geist Mono) + Chakra Petch + Antica Ballistic
   Dual Architecture:
     1. [data-antica-theme="tactical-dark"]   -> Public Vitrine & Split Login (/fr, /en, /fr/login, /en/login)
     2. [data-antica-theme="executive-light"] -> Authenticated 2FA Workspace & Command Centers (Minimalist White)
   ========================================================================== */

@import url('/fonts/fonts.css');

:root,
[data-antica-theme="tactical-dark"] {
  /* Typography — Vercel Bold (Geist 700/800) + Tactical Display */
  --font-vercel: 'Geist', 'Vercel Bold', 'Antica Ballistic Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-vercel-bold: 'Geist', 'Vercel Bold', 'Antica Ballistic Sans', sans-serif;
  --font-display: 'Chakra Petch', 'Geist', 'Antica Ballistic Sans', sans-serif;
  --font-sans: 'Geist', 'Antica Ballistic Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'Geist Mono', 'Antica Telemetry Mono', 'JetBrains Mono', monospace;
  --font-serif: 'Antica Command Serif', Georgia, serif;

  /* Sober Military Palette (Anduril × Harmattan AI × OpenAI) */
  --bg-void: #050607;
  --bg-obsidian: #090b0c;
  --bg-bunker: #0e1214;
  --bg-panel: rgba(11, 14, 16, 0.88);
  --bg-glass: rgba(5, 6, 7, 0.86);
  --border-hairline: rgba(242, 241, 237, 0.09);
  --border-strong: rgba(242, 241, 237, 0.22);
  --border-tactical: rgba(122, 143, 116, 0.48);

  --text-primary: #f2f1ed;
  --text-secondary: #9aa3a9;
  --text-muted: #5d666d;

  --accent-bone: #f2f1ed;
  --accent-olive: #7a8f74;
  --accent-olive-bright: #9bb095;
  --accent-phosphor: #52946b;
  --accent-titanium: #8c969e;
  --accent-danger: #ef4444;

  --container-max: 1440px;
  --section-pad-y: clamp(3.25rem, 7vw, 6.75rem);
  --section-pad-x: clamp(1rem, 4vw, 3.5rem);
}

/* ==========================================================================
   THEME 2: EXECUTIVE LIGHT (MINIMALIST ULTRA-PREMIUM WHITE — AUTHENTICATED WORKSPACE)
   Radical visual break from the military dark public showcase
   ========================================================================== */
[data-antica-theme="executive-light"],
.executive-light-theme {
  --exec-bg: #FAFAFA;
  --exec-bg-subtle: #F4F4F5;
  --exec-surface: #FFFFFF;
  --exec-surface-hover: #F8FAFC;
  --exec-border: #E4E4E7;
  --exec-border-strong: #D4D4D8;
  --exec-border-focus: #09090B;

  --exec-text-primary: #09090B;
  --exec-text-secondary: #52525B;
  --exec-text-muted: #71717A;

  --exec-accent-ink: #09090B;
  --exec-accent-olive: #3F5E48;
  --exec-accent-emerald: #15803D;
  --exec-accent-emerald-bg: #F0FDF4;
  --exec-accent-emerald-border: #BBF7D0;
  --exec-accent-blue: #0284C7;
  --exec-accent-danger: #DC2626;

  --exec-shadow-sm: 0 1px 2px 0 rgba(9, 9, 11, 0.04);
  --exec-shadow-md: 0 4px 12px -2px rgba(9, 9, 11, 0.06), 0 2px 6px -1px rgba(9, 9, 11, 0.04);
  --exec-shadow-lg: 0 16px 40px -8px rgba(9, 9, 11, 0.08), 0 4px 12px -2px rgba(9, 9, 11, 0.04);
}

/* Utility classes for Vercel Bold Typography */
.vercel-bold {
  font-family: var(--font-vercel-bold);
  font-weight: 700;
  letter-spacing: -0.025em;
}
.vercel-extrabold {
  font-family: var(--font-vercel-bold);
  font-weight: 800;
  letter-spacing: -0.03em;
}

/* Official Antica Brand Lockup (Frameless 36px Emblem + 2-Line Contrasted Wordmark) */
.antica-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
}
.antica-brand-emblem {
  width: 36px;
  height: 36px;
  display: block;
  background: transparent;
  border: none;
  padding: 0;
  flex-shrink: 0;
}
.antica-brand-emblem svg {
  width: 100%;
  height: 100%;
  display: block;
}
.antica-brand-wordmark {
  height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
}
.antica-brand-top {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.02rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--accent-bone);
  display: block;
  white-space: nowrap;
}
.antica-brand-bottom {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 0.74rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--accent-olive-bright);
  display: block;
  white-space: nowrap;
}