/* Canonical tokens stay inert until P0-09/P0-10 migrate surface styles to them. */
@font-face {
  font-family: "LaciVet Barlow Semi Condensed";
  src: url("fonts/barlow-semi-condensed-600.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "LaciVet Barlow Semi Condensed";
  src: url("fonts/barlow-semi-condensed-700.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "LaciVet IBM Plex Sans";
  src: url("fonts/ibm-plex-sans-400.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "LaciVet IBM Plex Sans";
  src: url("fonts/ibm-plex-sans-600.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "LaciVet IBM Plex Mono";
  src: url("fonts/ibm-plex-mono-400.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "LaciVet IBM Plex Mono";
  src: url("fonts/ibm-plex-mono-600.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

:root {
  --lacivet-brand-navy-deep: #002248;
  --lacivet-brand-navy: #012349;
  --lacivet-brand-navy-muted: #14346e;
  --lacivet-brand-navy-strong: #0b2450;
  --lacivet-brand-blue: #013e86;
  --lacivet-brand-signal: #1272c4;
  --lacivet-brand-sky: #8fcaf1;
  --lacivet-brand-sky-light: #9ed2ff;
  --lacivet-brand-sky-bright: #9ed8f7;
  --lacivet-brand-sky-input: #b9e4f9;
  --lacivet-brand-accent-light: #65bde9;
  --lacivet-brand-mist: #eef5fb;
  --lacivet-ink-strong: #10203a;
  --lacivet-ink-public: #10253a;
  --lacivet-ink-dealer: #0e1a2e;
  --lacivet-ink-muted: #52647e;
  --lacivet-ink-muted-public: #50677a;
  --lacivet-ink-staff-muted: #455674;
  --lacivet-surface-paper: #ffffff;
  --lacivet-surface-ice: #fdfdfd;
  --lacivet-surface-mist: #e7f3f9;
  --lacivet-surface-muted: #edf3fa;
  --lacivet-surface-soft: #f7fafc;
  --lacivet-surface-blue-soft: #e8effb;
  --lacivet-surface-action: #d9f0fb;
  --lacivet-surface-staff-paper: #eef3fa;
  --lacivet-surface-staff-soft: #f7fafe;
  --lacivet-text-on-dark: #edf6fc;
  --lacivet-text-on-dark-strong: #f4fbff;
  --lacivet-text-on-dark-muted: #b7d5e8;
  --lacivet-border-subtle: #d5e0ee;
  --lacivet-border-public: #c8dae8;
  --lacivet-border-dealer: #d7e1ef;
  --lacivet-border-on-dark: rgb(190 225 242 / 26%);
  --lacivet-surface-navigation-active: rgb(127 178 242 / 18%);
  --lacivet-surface-navigation-focus: rgb(127 178 242 / 24%);
  --lacivet-state-info: #1272c4;
  --lacivet-state-success: #0d775a;
  --lacivet-state-warning: #9a5c00;
  --lacivet-state-warning-public: #8e731a;
  --lacivet-state-warning-dealer: #a96700;
  --lacivet-state-danger: #ad3342;
  --lacivet-state-danger-public: #bd3b42;
  --lacivet-state-danger-dealer: #b23b47;
  --lacivet-state-success-soft: #ddf2eb;
  --lacivet-state-warning-soft: #faeed6;
  --lacivet-state-danger-soft: #f9e5e7;
  --lacivet-state-success-ink: #135d49;
  --lacivet-state-warning-ink: #684510;
  --lacivet-state-danger-ink: #722935;
  --lacivet-border-state-success: #9bcab9;
  --lacivet-border-state-warning: #dfc58b;
  --lacivet-border-state-danger: #d8a2a9;
  --lacivet-focus-ring: #1272c4;
  --lacivet-focus-outline-tight: 0 0 0 2px #ffffff, 0 0 0 5px var(--lacivet-focus-ring);
  --lacivet-focus-outline: 0 0 0 3px #ffffff, 0 0 0 6px var(--lacivet-focus-ring);
  --lacivet-font-display: "LaciVet Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --lacivet-font-body: "LaciVet IBM Plex Sans", Tahoma, sans-serif;
  --lacivet-font-mono: "LaciVet IBM Plex Mono", "Courier New", monospace;
  --lacivet-space-1: 0.25rem;
  --lacivet-space-2: 0.5rem;
  --lacivet-space-3: 0.75rem;
  --lacivet-space-4: 1rem;
  --lacivet-space-6: 1.5rem;
  --lacivet-space-8: 2rem;
  --lacivet-radius-card: 10px;
  --lacivet-elevation-1: 0 1px 2px rgb(1 35 73 / 0.08);
  --lacivet-elevation-2: 0 12px 28px rgb(1 35 73 / 0.14);
  --lacivet-elevation-dealer-panel: 0 10px 28px rgb(11 36 80 / 7%);
  --lacivet-elevation-login-panel: 0 28px 90px rgb(0 8 27 / 34%);
  --lacivet-elevation-navigation: 0 18px 32px rgb(1 35 73 / 14%);
  --lacivet-elevation-staff-panel: 0 1px 2px rgb(14 26 46 / 6%), 0 8px 20px rgb(14 26 46 / 8%);
  --lacivet-elevation-operations-card: 0 12px 32px rgb(12 30 56 / 8%);
  --lacivet-elevation-operations-card-hover: 0 16px 38px rgb(12 30 56 / 13%);
  --lacivet-elevation-operations-state: 0 12px 30px rgb(12 30 56 / 7%);
  --lacivet-elevation-synthetic-card: 0 8px 24px rgb(10 31 70 / 8%);
  --lacivet-elevation-loader: 0 24px 70px rgb(1 35 73 / 16%);
}