/* ==========================================================================
   A.P. LAB - EUROPEAN AI STRATEGY & ENGINEERING DESIGN TOKENS
   Crafted per nexu-io/open-design (taste-skill + redesign-skill)
   Dials: DESIGN_VARIANCE: 8 | MOTION_INTENSITY: 7 | VISUAL_DENSITY: 3
   Page Theme Lock: Single cohesive Obsidian & Alpine Emerald Glass theme
   ========================================================================== */

:root {
  /* 4-Layer Surface Palette (Page Theme Lock: Cohesive Dark Architectural) */
  --bg-canvas: #070A09;
  --bg-elevated: #0C1210;
  --bg-glass: rgba(18, 27, 24, 0.68);
  --bg-glass-hover: rgba(24, 36, 32, 0.82);
  --bg-glass-strong: rgba(14, 21, 18, 0.88);
  --bg-subtle: rgba(255, 255, 255, 0.03);

  /* Typography Hierarchy */
  --ink-primary: #F3F2EE;
  --ink-secondary: #9CA6A1;
  --ink-muted: #64706A;
  --ink-on-accent: #04120C;

  /* Single Locked Primary Accent + Warm Secondary Metallic Highlight */
  --accent: #10B981;
  --accent-bright: #34D399;
  --accent-soft: rgba(16, 185, 129, 0.14);
  --accent-glow: rgba(16, 185, 129, 0.28);
  --champagne: #D4AF7A;
  --champagne-soft: rgba(212, 175, 122, 0.14);

  /* Semantic Status */
  --status-success: #10B981;
  --status-warning: #F59E0B;
  --status-danger: #EF4444;

  /* Glass Refraction Borders & Shadows */
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-glass: rgba(255, 255, 255, 0.12);
  --border-highlight: rgba(255, 255, 255, 0.22);
  --border-accent: rgba(16, 185, 129, 0.45);

  --shadow-glass:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 24px 60px -12px rgba(0, 0, 0, 0.65);
  --shadow-elevated:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 32px 80px -16px rgba(0, 0, 0, 0.82);

  /* Typography Families (Plus Jakarta Sans + Newsreader Display Italic + JetBrains Mono) */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Newsreader', Georgia, serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Shape Consistency Lock */
  --radius-card: 20px;
  --radius-lg: 28px;
  --radius-inner: 12px;
  --radius-pill: 9999px;

  /* Layout & Rhythm */
  --container-max: 1280px;
  --nav-height: 76px;

  /* Motion Curves (Emil Kowalski & OpenDesign Physics) */
  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
}