/**
 * ADENGER — Design Tokens & CSS Custom Properties
 * Brand Identity System strictly derived from official reference assets:
 * - Primary Lime: #94BE3D (adenger wordmark)
 * - Charcoal Base: #222222 (official brand background)
 * - Tactile Tone: #2A2A2A (grain overlay + background blend)
 * - Supporting Grey: #ACACAC (editorial typography)
 */

/* ==========================================================================
   ADENGER Typography — Authentic Local Helvetica Suite
   Strictly Swiss Editorial: Light (300), Regular (400), Bold (700),
   Compressed, Rounded Bold, and Obliques.
   ========================================================================== */

@font-face {
  font-family: 'Helvetica';
  font-weight: 300;
  font-style: normal;
  src: url('../assets/font/Helvetica.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  font-weight: 400;
  font-style: normal;
  src: url('../assets/font/Helvetica.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  font-weight: 400;
  font-style: italic;
  src: url('../assets/font/Helvetica-Oblique.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  font-weight: 700;
  font-style: normal;
  src: url('../assets/font/Helvetica-Bold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  font-weight: 700;
  font-style: italic;
  src: url('../assets/font/Helvetica-BoldOblique.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Compressed';
  font-weight: 400 900;
  font-style: normal;
  src: url('../assets/font/helvetica-compressed-5871d14b6903a.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Rounded';
  font-weight: 700;
  font-style: normal;
  src: url('../assets/font/helvetica-rounded-bold-5871d05ead8de.otf') format('opentype');
  font-display: swap;
}

:root {
  /* ==========================================================================
     Color System
     ========================================================================== */
  --color-void: #121212;
  --color-charcoal-deep: #1a1a1a;
  --color-charcoal: #222222;        /* Core Brand Background */
  --color-charcoal-elevated: #282828;
  --color-charcoal-card: #2e2e2e;
  --color-charcoal-border: rgba(255, 255, 255, 0.09);
  --color-charcoal-border-light: rgba(255, 255, 255, 0.16);

  /* Brand Accents */
  --color-lime: #94BE3D;             /* Authentic ADENGER Lime */
  --color-lime-bright: #a4d843;
  --color-lime-dim: rgba(148, 190, 61, 0.18);
  --color-lime-border: rgba(148, 190, 61, 0.4);
  --color-lime-glow: 0 0 24px rgba(148, 190, 61, 0.28);

  /* Typography Colors */
  --color-text-hero: #F7F7F7;
  --color-text-primary: #EEEEEE;
  --color-text-secondary: #ACACAC;   /* Official Brand Supporting Grey */
  --color-text-muted: #7E7E7E;
  --color-text-dark: #141414;

  /* ==========================================================================
     Texture & Grain Controls
     ========================================================================== */
  --grain-opacity: 0.42;
  --grain-blend-mode: overlay;
  --grain-size: 380px auto;

  /* ==========================================================================
     Typography — Pure Helvetica Architecture
     ========================================================================== */
  --font-display: 'Helvetica', Arial, sans-serif;
  --font-body: 'Helvetica', Arial, sans-serif;
  --font-mono: 'Helvetica', Arial, sans-serif;
  --font-compressed: 'Helvetica Compressed', 'Helvetica', Arial, sans-serif;
  --font-rounded: 'Helvetica Rounded', 'Helvetica', Arial, sans-serif;

  /* Restrained Fluid Headline Scales (Refined Swiss Editorial) */
  --text-display-xl: clamp(2.4rem, 4.6vw, 4.4rem);
  --text-display-lg: clamp(1.8rem, 3.4vw, 3.2rem);
  --text-display-md: clamp(1.4rem, 2.4vw, 2.2rem);
  --text-headline: clamp(1.2rem, 1.8vw, 1.6rem);
  --text-body-lg: clamp(1.0rem, 1.15vw, 1.15rem);
  --text-body: 0.95rem;
  --text-small: 0.825rem;
  --text-meta: 0.72rem;

  /* ==========================================================================
     Layout & Spacing
     ========================================================================== */
  --container-max-width: 1440px;
  --container-gutter: clamp(1.25rem, 4vw, 4rem);
  --section-spacing-y: clamp(3.5rem, 6vw, 6rem);
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-pill: 9999px;

  /* ==========================================================================
     Transitions & Motion Easing
     ========================================================================== */
  --ease-editorial: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.25, 1, 0.5, 1);
  --duration-fast: 0.2s;
  --duration-normal: 0.4s;
  --duration-slow: 0.8s;
  --duration-cinematic: 1.2s;

  /* ==========================================================================
     Z-Index Hierarchy
     ========================================================================== */
  --z-base: 1;
  --z-card: 10;
  --z-header: 100;
  --z-drawer: 200;
  --z-grain: 500;
  --z-cursor: 900;
  --z-intro: 1000;
}