/* MMA Supplies portal — shared design tokens.
 *
 * Every portal surface (admin, customer, supplier, checkout, lead capture)
 * links this file and then defines only its own surface colours. Brand colour,
 * type scale, spacing, radii and shadows live here so the four surfaces stop
 * drifting apart.
 *
 * Type scale is absolute, not em. The admin used to be em-on-em off a 17px
 * body, so a label's final size depended on how deeply it happened to be
 * nested. Pull from --fs-* instead of inventing another em.
 */
:root {
  /* Brand — matches the MMA Supplies guide */
  --brand: #e94f37;
  --brand-light: #ff6b35;
  --brand-deep: #c43c25;
  --brand-grad: linear-gradient(135deg, #e94f37 0%, #ff6b35 100%);

  /* Type scale */
  --fs-2xs: 10px;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 13.5px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-2xl: 24px;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* Radii */
  --radius-sm: 9px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.05);
  --shadow-md: 0 6px 16px rgba(16,24,40,.09), 0 2px 5px rgba(16,24,40,.05);

  /* Status colours, shared by every surface */
  --success: #0f9d58;
  --warning: #b9770a;
  --danger: #ef4444;
  --info: #1890ff;
}