/* ============================================================
   Radii, borders, shadows — Ville d'Adriville
   Soft, generous rounding. Cards use a 1px hairline border plus a
   restrained shadow. The brand shadow tints large hero surfaces.
   ============================================================ */

:root {
  /* Radius — base 0.625rem (10px) */
  --radius: 0.625rem;
  --radius-sm: calc(var(--radius) - 4px); /* 6  */
  --radius-md: calc(var(--radius) - 2px); /* 8  */
  --radius-lg: var(--radius);             /* 10 */
  --radius-xl: calc(var(--radius) + 4px); /* 14 */
  --radius-2xl: 1rem;                     /* 16 */
  --radius-3xl: 1.5rem;                   /* 24 — hero panels */
  --radius-full: 9999px;

  /* Border */
  --border-width: 1px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(16, 19, 34, 0.04);
  --shadow-sm: 0 1px 3px rgba(16, 19, 34, 0.06), 0 1px 2px rgba(16, 19, 34, 0.04);
  --shadow-md: 0 4px 12px rgba(16, 19, 34, 0.08);
  --shadow-lg: 0 12px 32px rgba(16, 19, 34, 0.10);
  --shadow-xl: 0 24px 48px rgba(16, 19, 34, 0.12);
  /* Brand-tinted glow for hero / on-brand surfaces */
  --shadow-brand: 0 24px 48px rgba(36, 82, 234, 0.20);

  /* Focus ring (3px, brand @ 50%) */
  --ring-width: 3px;
  --ring-color: rgba(36, 82, 234, 0.5);

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
}