/* Modern B2B theme override — loads after the design-system stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root {
  --color-bg: #f7f8fa;
  --color-text: #16191d;
  --color-accent: #1f4e8c;
  --color-accent-100: #e8eef7;
  --color-accent-200: #cfdcee;
  --color-accent-300: #a7c0e0;
  --color-accent-400: #6f96c6;
  --color-accent-500: #1f4e8c;
  --color-accent-600: #1a4278;
  --color-accent-700: #163864;
  --color-accent-800: #112b4e;
  --color-accent-900: #0c1f39;
  --color-accent-2: #5b6672;
  --color-accent-2-100: #eceef1;
  --color-accent-2-200: #d8dce1;
  --color-accent-2-300: #b6bdc6;
  --color-accent-2-400: #8a94a0;
  --color-accent-2-500: #5b6672;
  --color-accent-2-600: #4c5560;
  --color-accent-2-700: #3e454e;
  --color-accent-2-800: #2f353c;
  --color-accent-2-900: #21252a;
  --color-neutral-100: #eef0f3;
  --color-neutral-200: #e2e5e9;
  --color-neutral-300: #cbd0d6;
  --color-neutral-400: #9aa1aa;
  --font-heading: 'Archivo', sans-serif;
  --font-heading-weight: 700;
  --font-body: 'IBM Plex Sans', sans-serif;
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-sm: 6px;
  --shadow-sm: 0 1px 2px rgba(22,25,29,0.06);
  --shadow-md: 0 2px 8px rgba(22,25,29,0.08);
  --shadow-lg: 0 8px 24px rgba(22,25,29,0.12);
}
body { background: var(--color-bg); font-family: var(--font-body); }
.btn, .input, .tag { border-radius: var(--radius-md) !important; }
.input, select.input, textarea.input { background: #ffffff; border-color: var(--color-neutral-300); color: var(--color-text); }
.btn { font-family: var(--font-heading); font-weight: 600; letter-spacing: 0.01em; }
.nav { background: #ffffff; border-bottom: 1px solid var(--color-neutral-200); box-shadow: none; flex-wrap: wrap; row-gap: 4px; }
.nav .nav-brand { font-family: var(--font-heading); font-weight: 800; letter-spacing: -0.01em; }
@media (max-width: 720px) {
  .nav { padding: 10px 16px; column-gap: 14px; justify-content: flex-start; }
  .nav .nav-brand { width: 100%; font-size: 18px; }
  .nav a { font-size: 13.5px; padding: 4px 0; }
  .nav .btn { padding: 7px 14px; font-size: 13px; margin-left: auto; }
}
.card, .dialog { background: #ffffff; border: 1px solid var(--color-neutral-200); }
.washed img, .washed image-slot { filter: none; }
h1, h2, h3 { letter-spacing: -0.015em; }