@layer itg.defaults, itg.tokens, itg.base, itg.components, itg.overrides, itg.page;

@layer itg.tokens {
:root {
  --itg-color-text: #323336;
  --itg-color-error: #9b1c1c;
  --itg-color-white: #fff;
  --itg-color-border: #dddddd;
  --itg-color-bg-page: #ffffff;
  --itg-color-primary: #0f2d52;
  --itg-color-success: #1e7b34;
  --itg-color-tag-new: #ffe9a8;
  --itg-color-bg-light: #f2f2f2;
  --itg-color-bg-panel: #f7f7f7;
  --itg-color-footer-bg: #e5e5e5;
  --itg-color-highlight: #fff6db;
  --itg-color-secondary: #005487;
  --itg-color-text-dark: #333333;
  --itg-color-footer-bar: #142d52;
  --itg-color-accent-gold: #dbaa00;
  --itg-color-accent-menu: #f8bd38;
  --itg-color-disabled-bg: #efefef;
  --itg-color-error-light: #b30000;
  --itg-color-border-input: #cccccc;
  --itg-color-border-table: #cccccc;
  --itg-color-sidebar-rule: #0f5479;
  --itg-color-accent-bright: #ffbf3c;
  --itg-color-disabled-text: #6b6b6b;
  --itg-color-primary-hover: #005487;
  --itg-color-text-secondary: #555555;
  --itg-color-disabled-border: #d6d6d6;
  --itg-color-footer-bar-rule: #d9a928;
  --itg-color-accent-gold-hover: #be882c;
  --itg-list-indent: 1.5625rem;
  --itg-page-gutter: 1.5rem;
  --itg-section-gap: 2rem;
  --itg-page-padding: 1rem 1.5rem 3rem;
  --itg-sidebar-width: 270px;
  --itg-page-max-width: 1170px;
  --itg-prose-max-width: 75ch;
  --itg-page-narrow-width: 870px;
  --itg-page-gutter-mobile: 1.25rem;
  --itg-page-padding-mobile: 1rem 1.25rem 2.5rem;
  --itg-radius-card: 0;
  --itg-radius-image: 0;
  --itg-radius-input: 4px;
  --itg-radius-button: 0;
  --itg-shadow-header: 0 6px 6px -2px rgba(121, 121, 121, 0.67);
  --itg-transition-fast: 0.2s;
  --itg-transition-link: 0.15s;
  --itg-shadow-card-hover: 0 2px 8px rgba(15, 45, 82, 0.12);
  --itg-font-size-h1: 2.25rem;
  --itg-font-size-h2: 1.75rem;
  --itg-font-size-h3: 1.5rem;
  --itg-font-size-h4: 1.25rem;
  --itg-font-size-body: 1rem;
  --itg-font-size-hero: 3rem;
  --itg-font-size-lead: 1.125rem;
  --itg-font-size-meta: 1rem;
  --itg-font-size-label: 1rem;
  --itg-font-size-small: 0.875rem;
  --itg-font-family-body: 'Open Sans', 'Segoe UI', Arial, sans-serif;
  --itg-line-height-body: 1.5;
  --itg-line-height-card: 1.4;
  --itg-line-height-meta: 1.5;
  --itg-font-size-subtitle: 1.125rem;
  --itg-font-family-display: 'Khula', 'Open Sans', 'Segoe UI', Arial, sans-serif;
  --itg-line-height-heading: 1.5;
  --itg-line-height-summary: 1.5;
  --itg-font-size-h1-mobile: 2.25rem;
  --itg-font-size-h2-mobile: 1.75rem;
  --itg-font-size-h3-mobile: 1.5rem;
  --itg-font-size-h4-mobile: 1.25rem;
  --itg-font-size-hero-mobile: 2rem;
  --itg-font-size-lead-mobile: 1.125rem;
  --itg-font-size-table-mobile: 0.875rem;
}
}