/**
 * Impetra marketing site tokens
 * Source of truth: control-center/packages/brand/tokens.js
 */
:root {
  /* Brand green scale */
  --brand-50: #f4f9e7;
  --brand-100: #e8f3cf;
  --brand-200: #d1e79f;
  --brand-300: #bade6f;
  --brand-400: #a6ce39;
  --brand-500: #a6ce39;
  --brand-600: #748c2f;
  --brand-700: #576429;
  --brand-800: #3d4a1d;
  --brand-900: #243012;

  /* Spec aliases */
  --brand-green: #a6ce39;
  --brand-green-dark: #8fb72e;
  --link: #748c2f;

  /* Ink */
  --ink: #1a1c24;
  --ink-soft: #3e424f;
  --ink-muted: #5c6070;
  --ink-reverse: #a3a8b8;

  /* Surfaces & rules */
  --surface-50: #f6f7f9;
  --surface-100: #eef0f4;
  --surface-200: #e2e5eb;
  --surface-300: #d0d3dc;
  --rule: #d0d3dc;
  --rule-soft: #e2e5eb;
  --white: #ffffff;
  --banner: #231f20;
  --danger: #b91c1c;

  /* Semantic */
  --bg: var(--white);
  --bg-soft: var(--surface-50);
  --text: var(--ink);
  --text-soft: var(--ink-soft);
  --text-muted: var(--ink-muted);
  --primary: var(--brand-green);
  --primary-dark: var(--brand-green-dark);
  --link-color: var(--link);
  --border: var(--rule-soft);

  /* Elevation — light commercial depth (not glow) */
  --shadow-card: 0 8px 24px rgba(26, 28, 36, 0.06);
  --shadow-card-hover: 0 12px 32px rgba(26, 28, 36, 0.1);
  --shadow-panel: 0 10px 30px rgba(26, 28, 36, 0.1);

  /* Layout */
  --max-width: 1120px;
  --max-width-wide: 1280px;
  --max-width-narrow: 720px;
  --utility-height: 40px;
  --nav-height: 72px;
  --header-offset: calc(var(--utility-height) + var(--nav-height));
  --radius: 12px;
  --radius-lg: 16px;
  --radius-sm: 8px;
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}