/* =====================================================================
   TC Zell – Design-Tokens
   Uebernommen aus dem bestehenden Child-Theme hello-elementor-child-tczell,
   damit die neue Seite optisch anschliesst. Farben und Radien sind
   unveraendert, die Typo ist auf die zwei tatsaechlich genutzten Familien
   reduziert (vorher liefen Oswald/Inter und Spline Sans/Sarabun parallel).
   ===================================================================== */

:root {
  /* --- Marke ------------------------------------------------------- */
  --tcz-navy:        #04284A;
  --tcz-navy-dark:   #001B33;
  --tcz-lime:        #B7D900;
  --tcz-lime-dark:   #9EC000;
  --tcz-green:       #2F7D32;

  /* --- Flaechen und Text ------------------------------------------- */
  --tcz-white:       #FFFFFF;
  --tcz-light:       #F7F9FB;
  --tcz-border:      #DCE3EA;
  --tcz-text:        #08213F;
  --tcz-muted:       #617086;

  /* --- Semantisch --------------------------------------------------- */
  --tcz-success:     #2F7D32;
  --tcz-warning:     #C77700;
  --tcz-danger:      #C0362C;
  --tcz-info:        #04284A;

  /* --- Radien ------------------------------------------------------- */
  --tcz-radius-sm:   8px;
  --tcz-radius-md:   16px;
  --tcz-radius-lg:   28px;
  --tcz-radius-pill: 999px;

  /* --- Schatten ----------------------------------------------------- */
  --tcz-shadow-card: 0 10px 30px rgba(0, 31, 63, 0.10);
  --tcz-shadow-soft: 0 4px 14px rgba(0, 31, 63, 0.08);
  --tcz-shadow-btn:  0 6px 18px rgba(183, 217, 0, 0.35);

  /* --- Typografie --------------------------------------------------- */
  --tcz-font-head: "Oswald", "Inter", system-ui, sans-serif;
  --tcz-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --tcz-size-xs:  0.8125rem;   /* 13px */
  --tcz-size-sm:  0.9375rem;   /* 15px */
  --tcz-size-md:  1rem;        /* 16px */
  --tcz-size-lg:  1.25rem;     /* 20px */
  --tcz-size-xl:  1.75rem;     /* 28px */
  --tcz-size-2xl: 2.5rem;      /* 40px */
  --tcz-size-3xl: 3.5rem;      /* 56px */

  --tcz-lh-tight: 1.15;
  --tcz-lh-base:  1.6;

  /* --- Layout ------------------------------------------------------- */
  --tcz-container: 1200px;
  --tcz-gap:       24px;
  --tcz-section-y: 80px;

  /* --- Abstandsskala ------------------------------------------------ */
  --tcz-space-1:  4px;
  --tcz-space-2:  8px;
  --tcz-space-3: 12px;
  --tcz-space-4: 16px;
  --tcz-space-5: 24px;
  --tcz-space-6: 32px;
  --tcz-space-7: 48px;
  --tcz-space-8: 64px;

  /* --- Dekor -------------------------------------------------------- */
  --tcz-brush-underline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 22'%3E%3Cpath d='M5 15 C55 4 150 21 215 7' fill='none' stroke='%23b7d900' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E");

  /* --- Rollen ------------------------------------------------------- */
  --tcz-bg:            var(--tcz-white);
  --tcz-bg-alt:        var(--tcz-light);
  --tcz-surface:       var(--tcz-white);
  --tcz-on-surface:    var(--tcz-text);
  --tcz-accent:        var(--tcz-lime);
  --tcz-accent-hover:  var(--tcz-lime-dark);
  --tcz-on-accent:     var(--tcz-navy-dark);
}

/* Das Backend laeuft auf dunklem Navy – gleiche Marke, andere Rollen. */
[data-theme="admin"] {
  --tcz-bg:         var(--tcz-light);
  --tcz-bg-alt:     var(--tcz-white);
  --tcz-surface:    var(--tcz-white);
  --tcz-on-surface: var(--tcz-text);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}