@font-face {
  font-family: "Schibsted Grotesk";
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/schibsted-grotesk-latin-400-normal.woff2")
    format("woff2");
}
@font-face {
  font-family: "Schibsted Grotesk";
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/schibsted-grotesk-latin-500-normal.woff2")
    format("woff2");
}
@font-face {
  font-family: "Schibsted Grotesk";
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/schibsted-grotesk-latin-600-normal.woff2")
    format("woff2");
}
@font-face {
  font-family: "Schibsted Grotesk";
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/schibsted-grotesk-latin-700-normal.woff2")
    format("woff2");
}
/* TD SYNNEX Design System, pilot 0.1.0. Verified September 15, 2026.
   Source: https://tdsnx-design-system-tanishq-thakkars-projects.vercel.app/tokens */
:root {
  --tds-deep-teal: #003031;
  --tds-teal: #005758;
  --tds-green: #2d9f88;
  --tds-aqua: #08bed5;
  --tds-accent: #1e9bb0;
  --tds-chartreuse: #ccd814;
  --tds-white: #ffffff;
  --tds-cloud-white: #fffff6;
  --tds-light-grey: #f0f0f0;
  --tds-cool-grey: #d9d8d7;
  --tds-text: #102a2b;
  --tds-heading: #003031;
  --tds-text-secondary: #4e5f60;
  --tds-surface: #ffffff;
  --tds-surface-subtle: #f0f0f0;
  --tds-surface-hover: #eef5f5;
  --tds-selected: #dceaea;
  --tds-page: #eef3f3;
  --tds-border: #d6e1e1;
  --tds-border-strong: #698687;
  --tds-action: #0f3b3d;
  --tds-action-hover: #1c4a4d;
  --tds-on-action: #ffffff;
  --tds-focus: #005758;
  --tds-success: #176450;
  --tds-success-bg: #eaf5ef;
  --tds-danger: #b42318;
  --tds-danger-bg: #fff0ed;
  --tds-font:
    "Schibsted Grotesk", "Segoe UI", system-ui, -apple-system, Helvetica, Arial,
    sans-serif;
  --tds-mono:
    "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --tds-space-1: 0.25rem;
  --tds-space-2: 0.5rem;
  --tds-space-3: 0.75rem;
  --tds-space-4: 1rem;
  --tds-space-5: 1.5rem;
  --tds-space-6: 2rem;
  --tds-space-7: 3rem;
  --tds-space-8: 4rem;
  /* shadcn-style scale: controls 8px, badges 6px, cards 12px, dialogs 16px. */
  --tds-radius-ctl: 8px;
  --tds-radius-sm: 8px;
  --tds-radius-badge: 6px;
  --tds-radius: 12px;
  --tds-radius-lg: 16px;
  --tds-radius-pill: 999px;
  --tds-duration-fast: 0.12s;
  --tds-duration-moderate: 0.2s;
  --tds-ease: cubic-bezier(0.2, 0, 0, 1);
  --tds-shadow: 0 8px 28px #00303114;
  --header: 56px;
  --sidebar: 256px;
  --sidebar-bg: #fafcfc;
  --tds-input: #c5d3d3;
  --tds-shadow-xs: 0 1px 2px #0f3b3d0d;
  --tds-shadow-sm: 0 1px 3px #0f3b3d1a, 0 1px 2px -1px #0f3b3d1a;
  --pane-width: 420px;
  --atlas-bar-width: 640px;

  /* EDGE Pillar Accents */
  --edge-engage: #08bed5;
  --edge-engage-bg: #e6f9fc;
  --edge-develop: #2d9f88;
  --edge-develop-bg: #eaf6f3;
  --edge-grow: #99a30d;
  --edge-grow-bright: #ccd814;
  --edge-grow-bg: #f9fae6;
  --edge-extend: #5046e5;
  --edge-extend-bg: #eef2ff;
}

/* Dark theme: palette from the EDGE Beacon dark UI reference. Set by public/assets/theme.js and the header switch. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --tds-teal: #3fc1d4;
  --tds-accent: #3fc1d4;
  --tds-text: #f2fafa;
  --tds-heading: #f2fafa;
  --tds-text-secondary: #a9c4c5;
  --tds-surface: #0d2427;
  --tds-surface-subtle: #112e31;
  --tds-surface-hover: #163538;
  --tds-selected: #1a4247;
  --tds-page: #071a1c;
  --tds-border: #1f3d40;
  --tds-border-strong: #4d7679;
  --tds-input: #2c4f52;
  --tds-action: #3fc1d4;
  --tds-action-hover: #7fd8e5;
  --tds-on-action: #071a1c;
  --tds-focus: #c9e86b;
  --tds-success: #bfefd9;
  --tds-success-bg: #123a2f;
  --tds-danger: #ffb4a9;
  --tds-danger-bg: #3a1b19;
  --sidebar-bg: #08201f;
  --tds-shadow: 0 8px 28px #00000066;
  --tds-shadow-xs: 0 1px 2px #00000066;
  --tds-shadow-sm: 0 1px 3px #00000099, 0 1px 2px -1px #00000099;
  --edge-engage-bg: #0f3a42;
  --edge-develop-bg: #0f3a33;
  --edge-grow: #c9e86b;
  --edge-grow-bg: #2c3410;
  --edge-extend: #a5adff;
  --edge-extend-bg: #23265a;
}