/* ══════════════════════════════════════════════════════════════════════
   Flowlane — tokens.css
   Einzige Quelle für Design-Tokens (Farben, Layout, Motion). Wird von
   app/style.css, landing.css und den inline <style>-Blöcken der
   Legal-/Ratgeber-Seiten importiert bzw. verlinkt. Nur Custom Properties,
   keine Element-Selektoren — siehe design-system/README.md, Regel 1.
   ══════════════════════════════════════════════════════════════════════ */

:root {
  /* Background — barely-there warmth */
  --bg:        #f7f8f7;
  --surface:   #ffffff;
  --surface-2: #f3f5f3;

  /* Green — only as accent, never background fill */
  --green:       #4a7a56;
  --green-light: #e6efe8;
  --green-dark:  #2a5239;
  --green-dim:   #c8dece;

  /* Text */
  --t1: #161c16;   /* near-black */
  --t2: #536153;   /* medium  */
  --t3: #9aaa9b;   /* light   */
  --t4: #c5d1c5;   /* very light / disabled */

  /* Borders — extremely subtle */
  --border:   #eaeeea;
  --border-2: #d8dfd8;

  /* Layout */
  --header-h:  108px; /* 2-row header */
  --sidebar-w: 220px;
  --month-h:   44px;
  --hero-h:    68px;
  --lane-h:    92px;
  --bar-h:     36px;
  --nav-h:     76px;

  /* Shadows */
  --sh-xs: 0 1px 3px  rgba(10,20,10,.04);
  --sh-sm: 0 2px 10px rgba(10,20,10,.07);
  --sh-md: 0 4px 20px rgba(10,20,10,.09);
  --sh-lg: 0 8px 32px rgba(10,20,10,.12);
  --sh-xl: 0 20px 60px rgba(10,20,10,.16);

  /* Radii */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   20px;
  --r-2xl:  28px;
  --r-full: 9999px;

  /* Motion */
  --spring: cubic-bezier(0.16, 1, 0.3, 1);
  --ease:   cubic-bezier(0.0, 0.0, 0.2, 1);
  --fast:   100ms;
  --base:   180ms;
  --slow:   300ms;

  /* Status colours */
  --status-planned:  #8BB599;
  --status-active:   #235347;
  --status-done:     #051F20;
  --status-archived: #b5bdb7;

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(74,122,86,.1);

  /* Error — Auth-Formulare (login.html, reset-password.html) */
  --error:        #dc2626;
  --error-bg:     #fef2f2;
  --error-border: #fecaca;

  /* Warn — Legal-Seiten Platzhalter-Tag */
  --warn-bg:   #fef3c7;
  --warn-text: #92400e;
}