/* Qas Mechanical Services — brand tokens.
   Canonical source. public/brand/tokens/ holds a generated copy; edit this file. */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/Montserrat-Latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../fonts/Inter-Latin.woff2') format('woff2');
}

:root {
  /* Brand */
  --qas-navy: #13304f;
  --qas-blue: #2e86c8;

  /* Extended scale, derived from the two brand colours */
  --qas-navy-900: #0b1e33;
  --qas-navy-700: #13304f;
  --qas-navy-500: #24507c;
  --qas-blue-600: #2370ad;
  --qas-blue-500: #2e86c8;
  --qas-blue-300: #7ab7e2;
  --qas-blue-100: #dcecf8;

  /* Neutrals */
  --qas-ink: #10161d;
  --qas-slate: #53606d;
  --qas-line: #d9e0e7;
  --qas-mist: #f2f5f8;
  --qas-paper: #ffffff;

  /* Status */
  --qas-success: #1d7a4d;
  --qas-warning: #b7791f;
  --qas-danger: #b3261e;

  --qas-font-display: 'Montserrat', 'Trebuchet MS', sans-serif;
  --qas-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --qas-radius-card: 14px;
  --qas-radius-input: 10px;
  --qas-radius-pill: 999px;
}

/* Light is the default for everyone, regardless of the operating system
   setting. Dark applies only when the visitor explicitly asks for it via the
   toggle, which sets data-theme="dark". Do not reintroduce a
   prefers-color-scheme rule: it overrides the client's stated default. */
:root,
[data-theme='light'] {
  color-scheme: light;
  --qas-bg: var(--qas-paper);
  --qas-bg-raised: var(--qas-mist);
  --qas-text: var(--qas-ink);
  --qas-text-muted: var(--qas-slate);
  --qas-border: var(--qas-line);
  --qas-accent: var(--qas-blue-600);
  --qas-accent-contrast: #ffffff;
  --qas-header: var(--qas-navy-700);
}

[data-theme='dark'] {
  color-scheme: dark;
  --qas-bg: #0c1620;
  --qas-bg-raised: #142131;
  --qas-text: #e9eef3;
  --qas-text-muted: #9aabbb;
  --qas-border: #24374a;
  --qas-accent: var(--qas-blue-300);
  --qas-accent-contrast: #0b1e33;
  --qas-header: #0c1620;
}