/* moForte Design Tokens
   Extracted from moforte.com:8080 Astra additionalCSS.css */

:root {
  /* Background colors */
  --mf-bg-primary: #0A0D10;
  --mf-bg-alt: #0d1117;
  --mf-bg-alt2: #1f2632;
  --mf-bg-card: #14161c;
  --mf-bg-header: #000000;
  --mf-bg-social-bar: #161b21;
  --mf-bg-footer: #1b2327;
  --mf-bg-hero: #0a0c10;

  /* Text colors */
  --mf-text-primary: #cfd8dc;
  --mf-text-white: #ffffff;
  --mf-text-muted: #666666;
  --mf-text-meta: #9AA4AE;

  /* Accent colors */
  --mf-accent-orange: #ff6b00;
  --mf-accent-orange-hover: #ff8533;
  --mf-accent-red: #ff3c00;
  --mf-accent-red-hover: #ff5622;
  --mf-accent-green: #7CFF3A;
  --mf-accent-teal: #80cbc4;
  --mf-accent-blue: #69aaf0;
  --mf-accent-cyan: #7de8f6;

  /* Border colors */
  --mf-border-subtle: rgba(255, 255, 255, 0.06);
  --mf-border-light: rgba(255, 255, 255, 0.08);
  --mf-border-medium: rgba(255, 255, 255, 0.12);
  --mf-border-strong: rgba(255, 255, 255, 0.18);

  /* Typography */
  --mf-font-display: 'eurostile-extended', 'eurostile', sans-serif;
  --mf-font-body: 'Helvetica Neue', Arial, sans-serif;
  --mf-font-mono: 'JetBrains Mono', monospace;

  /* Spacing */
  /* ~15% taller than prior 88px bar; keeps sticky chrome breathable */
  --mf-header-height: 101px;
  /* 18px min-height + 4px top padding + 1px bottom border (see .mf-social-bar) */
  --mf-social-bar-height: 23px;
  /* Optional promo strip above .mf-header. Default 0; the
     /includes/promo-banner.html fragment overrides this to its own height
     when active. Header, sticky chrome, and fold math all reference this. */
  --mf-promo-banner-height: 0px;
  --mf-container-width: 1200px;
  --mf-section-padding: 80px 24px;

  /* Transitions */
  --mf-transition: 200ms ease;
  --mf-transition-slow: 300ms ease;
}