/* ============================================================
   OMNINO — Design-Tokens v1
   Quelle: Wix-Bestandsaufnahme 13.08.2026, Werte aus den
   Original-Assets gemessen (Button-Fill #D1E43C, BG #0F0F12).
   Diese Tokens sind die MARKEN-Tokens für omnino.cc & interne
   Seiten. Kundenseiten bekommen eigene Themes (siehe Vorlagen).
   ============================================================ */

:root {
  /* ---- Farbe: Grundstimmung (Dark-Theme) ---- */
  --om-bg:          #0E0E11;   /* nahezu Schwarz, leicht blaustichig */
  --om-bg-elev:     #16161B;   /* Karten, erhöhte Flächen */
  --om-bg-elev-2:   #1D1D24;
  --om-line:        #2A2A32;   /* Hairlines, Card-Border */
  --om-text:        #F4F4EF;   /* warmes Weiß */
  --om-text-muted:  #A6A6A0;

  /* ---- Farbe: Akzent (Neon-Gelbgrün, Signature) ---- */
  --om-accent:      #D1E43C;
  --om-accent-hover:#E2F45B;
  --om-on-accent:   #0E0E11;   /* Text AUF Neon immer dunkel */
  --om-accent-soft: rgba(209, 228, 60, 0.10);
  --om-glow:        0 0 48px rgba(209, 228, 60, 0.22);

  /* ---- Farbe: Wort-Highlights in Headlines ---- */
  /* Signature-Move: einzelne Wörter einfärben — sparsam, 1–2 je Headline */
  --om-hl-gelb:     #F5C542;
  --om-hl-rot:      #FF5C4D;
  --om-hl-blau:     #5B8CFF;
  --om-hl-gruen:    #4ADE80;

  /* ---- Typografie ---- */
  --om-font-display: 'Space Grotesk Variable', 'Space Grotesk',
                     system-ui, -apple-system, 'Segoe UI', sans-serif;
  --om-font-text:    'Inter Variable', 'Inter',
                     system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Fluid Type-Scale (Mobil → Desktop) */
  --om-fs-hero:    clamp(2.5rem, 1.2rem + 6.2vw, 5.25rem);
  --om-fs-h1:      clamp(2.1rem, 1.2rem + 4vw, 3.75rem);
  --om-fs-h2:      clamp(1.65rem, 1.1rem + 2.4vw, 2.6rem);
  --om-fs-h3:      clamp(1.2rem, 1rem + 0.9vw, 1.5rem);
  --om-fs-lead:    clamp(1.08rem, 1rem + 0.5vw, 1.3rem);
  --om-fs-body:    1rem;
  --om-fs-small:   0.875rem;
  --om-fs-overline:0.78rem;    /* Kicker/Eyebrow, letter-spacing +0.14em */

  --om-lh-tight:   1.05;
  --om-lh-heading: 1.12;
  --om-lh-body:    1.65;

  /* ---- Raum & Layout ---- */
  --om-s-1: 0.25rem;  --om-s-2: 0.5rem;   --om-s-3: 0.75rem;
  --om-s-4: 1rem;     --om-s-5: 1.5rem;   --om-s-6: 2rem;
  --om-s-7: 3rem;     --om-s-8: 4.5rem;   --om-s-9: 7rem;

  --om-container:  1160px;
  --om-container-narrow: 780px;
  --om-section-y:  clamp(4rem, 3rem + 6vw, 8.5rem);

  /* ---- Form ---- */
  --om-radius:      16px;
  --om-radius-lg:   24px;
  --om-radius-pill: 999px;

  /* ---- Bewegung ---- */
  --om-ease:     cubic-bezier(0.22, 1, 0.36, 1);
  --om-t-fast:   160ms;
  --om-t-med:    360ms;
  --om-t-reveal: 700ms;
}