/* ============================================================
   TIMBERIUM — EFFECTS: radius, borders, shadows, motion
   The brand reads structural and precise: modest radii, hairline
   borders, restrained shadows. No heavy glows or bouncy motion.
   ============================================================ */
:root {
  /* Corner radii — small; structural, not playful */
  --radius-none: 0;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  /* Borders */
  --border-hairline: 1px solid var(--border-subtle);
  --border-line: 1px solid var(--border-default);
  --border-accent: 2px solid var(--navy-500);

  /* Shadows — soft, cool-grey, low spread */
  --shadow-xs: 0 1px 2px rgba(18, 48, 63, 0.06);
  --shadow-sm: 0 1px 3px rgba(18, 48, 63, 0.08), 0 1px 2px rgba(18, 48, 63, 0.06);
  --shadow-md: 0 4px 12px rgba(18, 48, 63, 0.10);
  --shadow-lg: 0 12px 32px rgba(18, 48, 63, 0.14);

  /* The signature Timberium accent bar — the extended logo crossbar,
     used as a top rule on headers, cards and section starts. */
  --rule-accent: 3px solid var(--navy-500);

  /* Motion */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);  /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);    /* @kind other */
  --dur-fast: 120ms;  /* @kind other */
  --dur-med: 220ms;   /* @kind other */
  --dur-slow: 360ms;  /* @kind other */
}