/* ============================================================
   DESIGN TOKENS | iDeate Solutions Enterprise Web Kit
   Single source of truth for colors, layout widths, typography, radius, and spacing. Edit variables here before creating overrides.
   ============================================================ */
/* Enterprise Web Kit: iDeate Solutions enterprise design tokens. */
:root {
  color-scheme: light;
  --ink: #161e2d;
  --ink-muted: #465369;
  --ink-soft: #657185;
  --navy-950: #111923;
  --navy-900: #1c2635;
  --navy-800: #25364b;
  --surface: #fff;
  --surface-2: #f4f5f8;
  --surface-3: #e9edf3;
  --line: #dce1e9;
  --line-strong: #bbc5d3;
  --brand: #d4145a;
  --brand-hover: #ad1049;
  --link: #075d9d;
  --accent-teal: #05c38a;
  --accent-gold: #fe9f32;
  --accent-blue: #0c95f8;
  --accent-pink: #f0316a;
  --accent-red: #d4145a;
  /* Exact values transcribed from the supplied ideatesol.com/pricing CSS screenshot. */
  --ideate-white: #ffffff;
  --ideate-black: #202020;
  --ideate-pink: #f0316a;
  --ideate-purple: #6c30eb;
  --ideate-green: #05c38a;
  --ideate-blue: #0c95f8;
  --ideate-teal: #36c5d8;
  --ideate-orange: #f7931e;
  --ideate-magenta: #d4145a;
  --ideate-violet: #bb70aa;
  --ideate-teal-dark: #17a2b8;
  --ideate-pink-deep: #c60d68;
  --ideate-orange-deep: #f3532b;
  --ideate-gold: #fe9f32;
  --ideate-yellow: #fec63e;
  --ideate-teal-light: #66d0ed;
  --ideate-light-blue: #609ff7;
  --ideate-blue-muted: #5988e5;
  --ideate-gray: #656360;
  --glow-pink: 255 126 182;
  --glow-violet: 182 107 255;
  --glow-blue: 116 153 255;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-sm: 0 4px 12px rgba(21, 29, 43, .06);
  --shadow-md: 0 12px 30px rgba(21, 29, 43, .12);
  --container: 1200px;
  --gutter: clamp(18px, 4vw, 42px);
  --section-space: clamp(62px, 7vw, 104px);
  --font: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --focus: 0 0 0 3px #fff, 0 0 0 6px #1264b1;
}

[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f6f8fd;
  --ink-muted: #c5d0dd;
  --ink-soft: #a7b5c8;
  --surface: #1a2534;
  --surface-2: #131d2a;
  --surface-3: #263447;
  --line: #405065;
  --line-strong: #60758b;
  --link: #8ecfff;
  --shadow-sm: 0 4px 12px #0002;
  --shadow-md: 0 12px 30px #0005
}