/* TEGIA · Effects — radii, borders, shadows, motion.
   Restraint: near-square corners, hairline rules, low soft shadows. No glow, no bounce. */
:root {
  /* Corner radii — institutional, nearly square */
  --radius-none: 0px;
  --radius-sm: 2px;     /* default for cards, buttons, inputs */
  --radius-md: 4px;
  --radius-pill: 999px; /* tags / chips only */

  /* Borders */
  --border-width: 1px;
  --border-width-strong: 1.5px;

  /* Shadows — subtle, paper-on-table */
  --shadow-sm: 0 1px 3px rgba(8, 26, 24, 0.08);
  --shadow-md: 0 4px 16px rgba(8, 26, 24, 0.10);
  --shadow-lg: 0 12px 40px rgba(8, 26, 24, 0.14);

  /* Motion — quiet, no overshoot */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.0, 0.0, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */

  /* Motif opacity rules (shield/canopy) */
  --motif-watermark-opacity: 0.05; /* @kind other */ /* full-bleed background watermark on petrol */
  --motif-divider-opacity: 0.34; /* @kind other */ /* the side wings, as in the mark */
  --motif-accent-opacity: 1; /* @kind other */ /* small inline accent */
}