/* ============================================================
   AiTransAgent.de — THEME 1: STEAMPUNK („Dampf")
   Verbindliche Design-Tokens. WCAG-geprüft auf Iron #1a1512.
   Komponenten dürfen NUR diese Variablen verwenden.
   ============================================================ */

:root,
[data-theme="steampunk"] {
  /* --- Flächen --- */
  --bg: #1a1512;            /* Iron — Hintergrund */
  --surface: #2b2420;       /* Smoke — Karten, Panels */
  --surface-2: #332a24;     /* Aufgehelltes Smoke — verschachtelte Flächen */
  --border: #5a4630;        /* Messing-getöntes Dunkel — Rahmen, Trenner */

  /* --- Text --- */
  --text: #e8dcc0;          /* Parchment — Primärtext (13.3:1 AAA) */
  --text-muted: #b3a98f;    /* Warmes Grau — Sekundärtext (7.75:1 AA) */
  --text-inverse: #1a1512;  /* Iron — Text auf hellen Flächen (CTA) */

  /* --- Metalle --- */
  --brass: #b08d57;         /* Messing — Sekundärakzent (5.86:1 AA) */
  --copper: #b87333;        /* Kupfer — Sekundärakzent (4.77:1 AA) */
  --rust: #8f4f2a;          /* Rost — NUR dekorativ, nie für Text */

  /* --- Akzente --- */
  --verdigris: #4f9d9d;     /* Grünspan, aufgehellt — Tech/Links (5.73:1 AA) */
  --cta: #d4a24e;           /* Glühendes Messing-Gold — Primär-CTA (7.83:1 AAA) */
  --cta-hover: #e0b45e;     /* Helleres Gold — Hover (9.36:1) */
  --cta-text: #1a1512;      /* Dunkler Text auf CTA */

  /* --- Status --- */
  --success: #7cb87c;       /* Gedämpftes Grün (7.76:1 AA) */
  --danger: #d05f45;        /* Rost-Rot (4.66:1 AA) */

  /* --- Dunkle Missionsfläche --- */
  --parchment: #2b231d;
  --parchment-deep: #352b22;
  --parchment-text: #e8dcc0;
  --parchment-muted: #b3a98f;
  --parchment-strong: #d4a24e;

  /* --- Szenen und Oberflächen --- */
  --header-bg: linear-gradient(180deg, #241d17 0%, #1a1512 100%);
  --nav-bg: #201914;
  --services-bg: linear-gradient(180deg, #241c15 0%, #1a1512 100%);
  --projects-bg: linear-gradient(160deg, #17120e 0%, #241b13 100%);
  --hero-overlay: linear-gradient(90deg, rgba(26,21,18,.96) 0%, rgba(26,21,18,.82) 40%, rgba(26,21,18,.42) 78%, rgba(26,21,18,.60) 100%), linear-gradient(180deg, rgba(26,21,18,.40) 0%, rgba(26,21,18,0) 30%, rgba(26,21,18,.85) 100%);
  --hero-glow: rgba(212,162,78,.25);
  --decorative-shadow: 0 1px 0 rgba(0,0,0,.5);
  --rivet-shadow: inset 0 1px 1px rgba(255,255,255,.15), 0 1px 0 rgba(0,0,0,.5);
  --gauge-inner-shadow: inset 0 2px 8px rgba(0,0,0,.6);

  /* --- Typografie --- */
  --font-display: "Cinzel", serif;
  --font-display-accent: "Cinzel", serif;
  --font-body: "Cormorant Garamond", serif;
  --font-label: "Special Elite", cursive;
  --font-mono: "IBM Plex Mono", monospace;

  /* --- Geometrie --- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --border-w: 1px;
  --border-w-thick: 2px;

  /* --- Schatten (Industrie: hart, tief, warm) --- */
  --shadow-sm: 0 1px 0 rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.5);
  --shadow-md: 0 2px 0 rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.55);
  --shadow-lg: 0 4px 0 rgba(0,0,0,.45), 0 12px 40px rgba(0,0,0,.65);
  --glow: 0 0 16px rgba(212,162,78,.25);

  /* --- Texturen (Blend-Overlays, via background-image ergänzt) --- */
  --texture-noise: none;

  /* --- Bewegungspostur: mechanisch, träge --- */
  --ease-mech: cubic-bezier(0.6, 0, 0.35, 1);
  --duration-mech: 900ms;

  /* --- Fach-Tokens --- */
  --gauge-face: #2b2420;
  --gauge-rim: #b08d57;
  --gauge-tick: #e8dcc0;
  --gauge-needle: #d4a24e;
  --gauge-svg-shadow: 0 2px 3px rgba(0,0,0,.55);
  --gauge-bezel-bg: linear-gradient(145deg, #514932 0%, #8a744b 24%, #48665c 52%, #9c7b49 76%, #49372b 100%);
  --gauge-bezel-edge: #b08d57;
  --gauge-bezel-shadow: inset 0 2px 2px rgba(255,255,255,.16), inset 0 -4px 7px rgba(24,21,17,.75), 0 5px 12px rgba(0,0,0,.5);
  --gauge-glass-reflection: linear-gradient(150deg, rgba(255,246,210,.28) 0%, rgba(255,246,210,.08) 28%, transparent 46%, rgba(255,246,210,.04) 75%, transparent 100%);
  --rivet: #5a4630;
}