/*
 * GT Walsheim lives here rather than in a page stylesheet so that every page
 * consuming --font-heading actually gets the face. The Webflow-derived routes
 * do not import this file; they declare the same family in their mirrored CSS.
 */
@font-face {
  font-family: 'GT Walsheim';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    url('/fonts/GT-Walsheim-Bold.woff2') format('woff2'),
    url('/fonts/GT-Walsheim-Bold.woff') format('woff');
}

@font-face {
  font-family: 'GT Walsheim';
  font-style: oblique;
  font-weight: 700;
  font-display: swap;
  src:
    url('/fonts/GT-Walsheim-Bold-Oblique.woff2') format('woff2'),
    url('/fonts/GT-Walsheim-Bold-Oblique.woff') format('woff');
}

:root {
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading: 'GT Walsheim', 'Inter', system-ui, sans-serif;

  --loc-blue: #3844ff;
  --loc-cyan: #38c9ff;
  --loc-dark: #05071d;
  --color-accent-green: #23c175;
  --color-accent-yellow: #f8cd46;
  --color-accent-coral: #eb4869;
  --color-accent-violet: #cf75ff;

  --ui-text-strong: #111827;
  --ui-text-body: #4b5563;
  --ui-text-muted: #6b7280;
  --ui-text-muted-ui: #64748b;
  --ui-text-inverse: #ffffff;
  --ui-surface-page: #ffffff;
  --ui-surface-muted: #f8fafc;
  --ui-border-subtle: #e5e7eb;
  --ui-border-soft: #eef2f7;
  --ui-shadow-card: 0 1px 2px rgba(20, 20, 30, 0.04);

  --ui-radius-lg: 16px;
  --ui-radius-md: 8px;
  --ui-radius-sm: 6px;

  --icon-sm: 14px;
  --icon-md: 20px;
  --icon-lg: 28px;
}