/* MERZ Design System — Layout, radius, shadow tokens
   Values verbatim from the Figma file. */

:root {
  /* Corner radii */
  --radius-s: 5px;      /* cards, buttons, images, tags — the house radius */
  --radius-input: 6px;  /* form fields, checkboxes */
  --radius-round: 50%;  /* icon chips, arrow buttons */

  /* Shadows */
  --shadow-header: 0px 0px 14.5px 0px rgba(0, 0, 0, 0.25);   /* floating header bar */
  --shadow-panel: 0px -12px 14.1px 0px rgba(0, 0, 0, 0.25);  /* red quick-link panel */

  /* Borders */
  --border-hairline: 0.5px solid var(--border-default); /* inputs, form card */
  --border-thin: 1px solid var(--border-default);       /* outlined cards */

  /* Page grid (1920 design) */
  --page-width: 1920px;
  --content-width: 1416px;
  --page-margin: 252px;
  --section-pad-top: 100px;
  --section-pad-bottom: 120px;
  --grid-gap: 24px;

  /* Component metrics */
  --button-height: 35px;
  --button-pad: 6px 12px;
  --input-height: 50px;
  --arrow-button-size: 47.458px;
  --icon-chip-size: 91.218px;
  --topbar-height: 35.5px;
  --header-height: 90px;
}