/* Ferrotec Design System — Radius, elevation & motion tokens
   Conservative, precise tone: modest corner radii, only subtle elevation.
   NOTE: The two source docs disagree on button radius (Web doc: 10px;
   Claude doc: 999px pill). The brand brief explicitly avoids "heavily rounded
   UI", so this system resolves to modest radii. Flagged for confirmation. */
:root {
  /* Corner radius */
  --radius-sm: 4px;    /* subtle elements */
  --radius-input: 6px; /* input fields */
  --radius-btn: 6px;   /* buttons — conservative (see note above) */
  --radius-card: 8px;  /* cards, images */
  --radius-lg: 12px;

  /* Elevation — only subtle */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 10px 30px rgba(0,0,0,0.08);
  --shadow-lg: 0 20px 60px rgba(0,0,0,0.10);

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

  /* Motion — subtle, professional */
  --dur-fast: 150ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-standard: ease-out; /* @kind other */
}