/* ── Vocations Adelaide · Effects: radius, borders, shadow, motion ──────────
   The brand is print-rooted and reverent: restrained radii, hairline borders,
   soft warm shadows (never hard black). The flame teardrop is the one
   expressive curve — UI stays calm so the iconography carries the warmth. */

:root {
  /* Radii — modest. The flame is the only dramatic curve. */
  --radius-xs:   3px;
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 999px;

  /* Borders */
  --border-hair: 1px solid var(--border-soft);
  --border-line: 1px solid var(--border-default);

  /* Shadows — warm-tinted, low and diffuse (never pure black) */
  --shadow-xs: 0 1px 2px rgba(60, 40, 30, 0.06);
  --shadow-sm: 0 1px 3px rgba(60, 40, 30, 0.08), 0 1px 2px rgba(60, 40, 30, 0.06);
  --shadow-md: 0 4px 14px rgba(60, 40, 30, 0.10), 0 2px 6px rgba(60, 40, 30, 0.06);
  --shadow-lg: 0 12px 34px rgba(40, 25, 20, 0.14), 0 6px 14px rgba(40, 25, 20, 0.08);
  --shadow-brand: 0 10px 30px rgba(135, 15, 45, 0.26);

  /* Focus ring */
  --ring: 0 0 0 3px var(--focus-ring);

  /* Motion — paintings dissolve; nothing bounces. Calm, slow fades. */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --dur-fast:   140ms;   /* @kind other */
  --dur-normal: 240ms;   /* @kind other */
  --dur-slow:   520ms;   /* @kind other */

  /* Print grain / halftone — the title cards carry a subtle texture.
     Used as an overlay opacity reference. */
  --texture-opacity: 0.10;   /* @kind other */
}