/* variables.css – Design-Tokens für MELLINOR Technology */
:root{
  /* Flächen */
  --bg-primary:#060B12;
  --bg-secondary:#08101A;
  --bg-tertiary:#0B121D;
  --surface:#101927;
  --surface-raised:#121D2C;
  --surface-hover:#162234;

  /* Linien */
  --border:rgba(203,211,221,.10);
  --border-strong:rgba(203,211,221,.20);

  /* Text */
  --text-primary:#F2F4F7;
  --text-secondary:#CBD3DD;
  --text-muted:#8E9AAA;

  /* Akzente */
  --accent-pink:#F04F91;
  --accent-pink-strong:#FF4F9A;
  --accent-pink-deep:#E94888;
  --accent-cyan:#4CC9F0;
  --accent-cyan-strong:#47D7FF;
  --accent-green:#5FE08A;            /* Auge des Honigdachses – nur für Status */
  --accent-pink-soft:rgba(240,79,145,.12);
  --accent-cyan-soft:rgba(76,201,240,.10);

  /* Typografie */
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-display:"Space Grotesk","Inter",system-ui,sans-serif;
  --font-mono:ui-monospace,"Cascadia Code","SF Mono",Menlo,Consolas,monospace;

  --text-xs:.8125rem;
  --text-sm:.9rem;
  --text-base:1.0625rem;
  --text-lg:1.2rem;
  --text-xl:1.5rem;
  --text-2xl:clamp(1.6rem,1.2rem + 1.6vw,2.25rem);
  --text-3xl:clamp(2.1rem,1.4rem + 3vw,3.4rem);
  --text-hero:clamp(2.9rem,1.2rem + 8.2vw,6.5rem);

  /* Abstände */
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.5rem;
  --space-6:2rem;
  --space-7:3rem;
  --space-8:4rem;
  --space-9:6rem;
  --space-section:clamp(3.5rem,2rem + 6vw,7rem);

  /* Radien */
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:14px;

  /* Schatten */
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 10px 30px -12px rgba(0,0,0,.65);

  /* Layout */
  --container:1320px;
  --measure:46rem;                   /* Lesebreite ≈ 780px */
  --gutter:clamp(1.25rem,.5rem + 3vw,3rem);
  --header-h:68px;

  --ease:cubic-bezier(.2,.7,.2,1);
  --dur:.22s;
  color-scheme:dark;
}