:root {
  /* Brand colors */
  --itx-blue: #109bcb;
  --itx-blue-dark: #0c7396;
  --itx-blue-light: #4dc3e3;
  --itx-ink: #1a1718;
  --itx-ink-soft: #262322;

  /* Neutrals */
  --itx-bg-light: #f1f1f1;
  --itx-bg-white: #ffffff;
  --itx-text-body: #2b2b2b;
  --itx-text-muted: #6b6b6b;
  --itx-text-on-dark: #f5f5f5;
  --itx-text-on-dark-muted: #b8b8b8;
  --itx-border: #e0e0e0;
  --itx-border-on-dark: rgba(245, 245, 245, 0.14);

  --itx-gradient-brand: linear-gradient(135deg, var(--itx-blue-light) 0%, var(--itx-blue) 45%, var(--itx-blue-dark) 100%);

  /* Type */
  --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Spacing scale */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 96px;
  --space-3xl: 128px;

  /* Layout */
  --container-max: 1200px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --header-height: 76px;

  /* Motion */
  --transition-fast: 160ms ease;
  --transition-base: 240ms ease;
}