/* Brand colours from Guideline_WEB.pdf p.8; type roles from p.9.
   Spacing, sizing and radii below are proposed UI values, not brandbook mandates.
   Relative paths assume this file is served from the project root. */
@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("./assets/fonts/Manrope-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("./assets/fonts/Manrope-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
:root {
  --brand-orange: #ffaf14;
  --brand-white: #ffffff;
  --brand-ink: #131313;
  --brand-surface: #efeeed;
  --color-background: var(--brand-white);
  --color-text: var(--brand-ink);
  --color-action-background: var(--brand-orange);
  --color-action-text: var(--brand-ink);
  --font-heading: "Roboto", Arial, sans-serif;
  --font-body: "Manrope", Arial, sans-serif;
  --container-max: 1160px;
  --gutter-mobile: 20px;
  --gutter-tablet: 32px;
  --section-gap: clamp(48px, 6vw, 88px);
  --radius-card: 24px;
  --radius-button: 14px;
  --control-min-height: 48px;
}