/* Fleurale — Effects: radii, borders, shadows, motion, texture
   The brand is overwhelmingly FLAT: solid color blocks, no drop shadows in print.
   For interactive UI we add restrained, warm-tinted shadows only where depth helps. */

:root {
  /* Corner radii — soft and friendly, echoing the rounded signage & tags */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   22px;
  --radius-xl:   32px;
  --radius-pill: 999px;

  /* Borders */
  --border-hair:  1px solid var(--border-subtle);
  --border-ink:   2px solid var(--ink);
  --border-blue:  2px solid var(--blue-electric);

  /* Shadows — warm, low, used sparingly (menus, raised cards, buttons on hover) */
  --shadow-sm: 0 1px 2px rgba(28, 19, 5, 0.08);
  --shadow-md: 0 6px 18px rgba(28, 19, 5, 0.12);
  --shadow-lg: 0 18px 44px rgba(28, 19, 5, 0.16);
  --shadow-blue: 0 10px 30px rgba(4, 38, 213, 0.22);

  /* Focus */
  --focus-ring-width: 3px;
  --focus-ring-offset: 2px;

  /* Motion — gentle, botanical. No bounce; soft ease with a touch of overshoot on entrances. */
  --ease-soft:   cubic-bezier(0.33, 0.02, 0.15, 1); /* @kind other */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:    120ms; /* @kind other */
  --dur-base:    240ms; /* @kind other */
  --dur-slow:    480ms; /* @kind other */

  /* Paper grain — layer this over solid grounds for the felt/cardstock texture. @kind other */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E"); /* @kind other */
}