/* ===========================================================================
   Bachelet Group — Effects: radius, shadows, borders, motion
   Restrained corporate feel. Soft cool-toned shadows, generous rounding on
   photography (16–24px), tighter rounding on UI controls (8–12px).
   =========================================================================== */
:root {
  /* Radius */
  --radius-xs: 4px;
  --radius-sm: 8px;     /* buttons, inputs, badges */
  --radius-md: 12px;    /* cards */
  --radius-lg: 16px;    /* large cards, media */
  --radius-xl: 24px;    /* hero photography */
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Shadows — cool navy-tinted, low spread */
  --shadow-xs: 0 1px 2px rgba(17, 27, 61, 0.06);
  --shadow-sm: 0 2px 6px rgba(17, 27, 61, 0.08);
  --shadow-md: 0 6px 20px rgba(17, 27, 61, 0.10);
  --shadow-lg: 0 16px 40px rgba(17, 27, 61, 0.14);
  --shadow-focus: 0 0 0 3px var(--focus-ring);

  /* Border widths */
  --bw-hair: 1px;     /* @kind other */
  --bw-thin: 1.5px;   /* @kind other */
  --bw-accent: 3px;   /* left/top accent rules @kind other */

  /* Motion — calm, professional. Fades & small slides; no bounce. */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.0, 0, 0.2, 1);      /* @kind other */
  --dur-fast: 120ms;  /* @kind other */
  --dur-base: 200ms;  /* @kind other */
  --dur-slow: 360ms;  /* @kind other */

  /* Brand gradients (subtle, navy→blue; never purple) */
  --gradient-navy: linear-gradient(135deg, #111b3d 0%, #1b2a52 100%); /* @kind other */
  --gradient-blue: linear-gradient(135deg, #1d71b8 0%, #1559a0 100%); /* @kind other */
}