/* ============================================================
   DESTINITO — EFFECTS: radius, borders, elevation, motion
   Brand rule: NO drop shadows, glows, or gradients on the marks.
   UI uses crisp borders and flat fills. A single very-soft
   elevation shadow is permitted for floating UI (menus, dialogs,
   sticky bars) — never on the logo, never decorative.
   ============================================================ */
:root {
  /* Corner radii — the D-icon tile sets the tone: soft, confident squares */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;   /* default card / input */
  --radius-lg: 16px;   /* large cards */
  --radius-xl: 24px;   /* hero panels, sheets */
  --radius-pill: 999px;/* chips, pills, CTA option */
  --radius-tile: 22%;  /* D-icon rounded-square ratio */

  /* Borders */
  --border-w: 1px; /* @kind other */
  --border-w-strong: 1.5px; /* @kind other */

  /* Elevation — restrained. Navy-based, low alpha. */
  --elev-1: 0 1px 2px rgba(0, 51, 102, 0.06);
  --elev-2: 0 4px 16px rgba(0, 51, 102, 0.08);
  --elev-3: 0 12px 32px rgba(0, 51, 102, 0.12);

  /* Focus */
  --ring-w: 3px;
  --ring: 0 0 0 var(--ring-w) rgba(255, 127, 14, 0.35);

  /* Motion — quiet, intentional. Fades & short eases. No bounce. */
  --ease-out: cubic-bezier(0.2, 0.7, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur: 180ms; /* @kind other */
  --dur-slow: 260ms; /* @kind other */
}