/* Generated by client/scripts/brand-assets.mjs (npm run brand) from client/brand/. Do not edit. */
@font-face { font-family: "brand-display"; font-weight: 700; font-display: swap; src: url("fonts/display.ttf") format("truetype"); }
@font-face { font-family: "brand-display"; font-weight: 600; font-display: swap; src: url("fonts/display-medium.ttf") format("truetype"); }
@font-face { font-family: "brand-body"; font-weight: 400; font-display: swap; src: url("fonts/body.ttf") format("truetype"); }
@font-face { font-family: "brand-body"; font-weight: 500; font-display: swap; src: url("fonts/body-medium.ttf") format("truetype"); }
@font-face { font-family: "brand-body"; font-weight: 600; font-display: swap; src: url("fonts/body-bold.ttf") format("truetype"); }
:root {
  --brand-primary: #4B5054;
  --brand-primary-rib: #3D4042;
  --brand-primary-dark: #0A4047;
  --brand-on-primary: #FFFFFF;
  --brand-on-primary-muted: #B9D3D5;
  --brand-accent: #FFF900;
  --brand-accent-pressed: #B8B414;
  --brand-ink: #14232B;
  --brand-muted: #5C6B70;
  --brand-background: #EDF1F0;
  --brand-surface: #FFFFFF;
  --brand-line: #D5DDDB;
  --brand-tint: #DCEBE8;
  --brand-danger: #B3261E;
  --brand-danger-tint: #F8E4E2;
  --brand-success: #1E7A46;
  --brand-success-tint: #DDF0E4;
  --brand-radius-small: 6px; --brand-radius-medium: 10px; --brand-radius-large: 16px;
  --brand-font-display: "brand-display", "Arial Narrow", "Roboto Condensed", sans-serif;
  --brand-font-body: "brand-body", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}