/* Titan International theme for the holding page: the published Titan kit (revision 2) reference theme for
 * titan-international-web, copied from Riven-Design-Kits kits/titan-international/revisions/2/out/ross/.
 * One change: the Bricolage Grotesque face is the kit's full variable font (200-800), because the brand sets
 * headings in 800 and the reference theme ships the 600 cut only. Do not restyle the brand here. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");
@font-face { font-family: "Bricolage Grotesque"; src: url("fonts/BricolageGrotesque-Variable.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
[data-kit="titan-international-web"] {
  color-scheme: light;
  --ross-bg: #FFFFFF;
  --ross-surface: #EDF1F5;
  --ross-surface-2: #F4F5F6;
  --ross-surface-3: #EAEBEC;
  --ross-border: #DEE0E2;
  --ross-border-strong: #848A8F;
  --ross-text: #14202B;
  --ross-text-muted: #4B5A68;
  --ross-text-faint: #5A646C;
  --ross-accent: #357095;
  --ross-accent-strong: #2F6A8F;
  --ross-accent-bg: rgba(53, 112, 149, 0.1);
  --ross-on-accent: #FFFFFF;
  --ross-ok: #0E7347;
  --ross-ok-bg: rgba(14, 115, 71, 0.1);
  --ross-warn: #8A5A00;
  --ross-warn-bg: rgba(176, 116, 0, 0.12);
  --ross-bad: #B42330;
  --ross-bad-bg: rgba(180, 35, 48, 0.10);
  --ross-font: "Inter", system-ui, sans-serif;
  --ross-font-heading: "Bricolage Grotesque", system-ui, sans-serif;
  --ross-heading-weight: 800;
  --ross-heading-tracking: 0;
  --ross-heading-case: none;
  --ross-radius-sm: 6px;
  --ross-radius-md: 10px;
  --ross-radius-lg: 14px;
}
[data-kit="titan-international-web"][data-theme="dark"] {
  color-scheme: dark;
  --ross-bg: #1C1F23;
  --ross-surface: #272B31;
  --ross-surface-2: #1E2125;
  --ross-surface-3: #282A2E;
  --ross-border: #2F3136;
  --ross-border-strong: #717379;
  --ross-text: #F1F0EC;
  --ross-text-muted: #B3B6BA;
  --ross-text-faint: #8F9297;
  --ross-accent: #3E799E;
  --ross-accent-strong: #6AA6CD;
  --ross-accent-bg: rgba(62, 121, 158, 0.16);
  --ross-on-accent: #FFFFFF;
  --ross-ok: #4CC38A;
  --ross-ok-bg: rgba(76, 195, 138, 0.14);
  --ross-warn: #F0B445;
  --ross-warn-bg: rgba(240, 180, 69, 0.14);
  --ross-bad: #FD7B85;
  --ross-bad-bg: rgba(253, 123, 133, 0.14);
}