/* ============================================================
   EFFECTS · BakeryOS
   Warm-tinted soft shadows (brown on light, black on dark),
   transitions and motion. All decorative motion must respect
   prefers-reduced-motion at the usage site.
   ============================================================ */

:root {
  /* — Elevation (warm brown-tinted on light) — */
  --ombre-1:    0 1px 2px rgba(70,45,12,.06), 0 4px 14px rgba(70,45,12,.06);
  --ombre-2:    0 2px 6px rgba(70,45,12,.08), 0 18px 42px rgba(70,45,12,.12);
  --ombre-hero: 0 30px 80px rgba(40,22,4,.34);

  /* — English aliases — */
  --shadow-e1:   var(--ombre-1);
  --shadow-e2:   var(--ombre-2);
  --shadow-hero: var(--ombre-hero);

  /* — Focus ring (gold) — */
  --ring: 0 0 0 3px rgba(212,169,58,.20);

  /* — Transitions — */
  --t-rapide: .16s cubic-bezier(.4,0,.2,1);    /* @kind other */
  --t-moyen:  .34s cubic-bezier(.34,1.2,.34,1);/* @kind other */

  /* — Paper grain overlay (apply on dark brand surfaces, ~8%) — */
  --grain: radial-gradient(rgba(255,255,255,.7) .5px, transparent .6px); /* @kind other */
  --grain-size: 4px 4px; /* @kind other */

  /* — Brand gradients — */
  --grad-crust:   linear-gradient(120deg, var(--croute), #8a561f);
  --grad-sidebar: linear-gradient(180deg, var(--croute-fonce), #3a230e 60%, #2e1b09);
  --grad-hero:    radial-gradient(130% 120% at 88% -10%, rgba(212,169,58,.42), transparent 52%),
                  linear-gradient(120deg, #3f250e, #5a3414 52%, #6f421b); /* @kind other */
}

/* — Warm black-based shadows on dark theme — */
:root[data-theme="nuit"] {
  --ombre-1: 0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.3);
  --ombre-2: 0 2px 6px rgba(0,0,0,.4), 0 18px 42px rgba(0,0,0,.5);
}