/* ============================================================
   DIRECTION A — "Klar"  (warm, editorial, clay-led)
   This is the default token set; declared explicitly for clarity.
   ============================================================ */
[data-direction="a"]{
  --bg:        #fbfaf7;
  --bg-alt:    #f3f0e9;
  --ink:       #1f1c18;
  --ink-soft:  #5a554c;
  --ink-faint: #948d80;
  --line:      #e8e2d6;
  --line-strong:#d4ccbc;
  --accent:    oklch(0.55 0.14 42);    /* clay */
  --accent-2:  oklch(0.62 0.07 155);   /* sage */
  --accent-ink:#ffffff;
  --card:      #ffffff;
  --radius: 16px;
  --radius-sm: 10px;
}

/* generous, soft, lots of warm light */
[data-direction="a"] .hero-text h1{ font-weight:500; }
[data-direction="a"] .hero-media{ box-shadow: 0 40px 90px -52px rgba(31,28,24,.55); }
[data-direction="a"] .qual-card{ transition: transform .2s var(--ease), box-shadow .2s var(--ease); }
[data-direction="a"] .qual-card:hover{ transform: translateY(-3px); box-shadow:0 28px 50px -34px rgba(31,28,24,.42); }