/* KIT: Default Base — THE HOME KIT
   This is the fallback/reusable base to switch back to. Matches the current live
   my247employees.com tone (direct, no-nonsense, urgency-driven copy — "Same team.
   Bigger output.") rather than any external inspiration. Single font family,
   high-contrast, minimal ornamentation — meant to be boring on purpose. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --font-heading: 'Inter', -apple-system, sans-serif;
  --font-body: 'Inter', -apple-system, sans-serif;
  --heading-weight: 800;
  --heading-tracking: -0.02em;
  --eyebrow-tracking: 0.08em;
  --eyebrow-case: uppercase;

  --color-primary: #DC4B27;       /* action red-orange */
  --color-primary-tint: #FBE7E0;
  --color-primary-deep: #14161A;  /* near-black */
  --color-on-primary: #FFFFFF;

  --color-bg: #FFFFFF;
  --color-bg-alt: #F4F4F2;
  --color-hero-bg: #FFFFFF;
  --color-hero-text: #14161A;
  --color-card: #FFFFFF;
  --color-text: #14161A;
  --color-text-muted: #5B5E64;
  --color-border: #E4E4E1;

  /* v2 additions (2026-09-01): secondary trust/structure color, used sparingly —
     primary red-orange stays the only action/CTA color. */
  --color-secondary: #1E5F74;
  --color-secondary-tint: #E4EEF1;
  --color-secondary-deep: #123B49;

  --radius-btn: 6px;
  --radius-card: 8px;
  --radius-pill: 4px;
  --radius-input: 6px;
  --shadow-card: 0 1px 3px rgba(20,22,26,0.08);
  --shadow-btn: 0 4px 12px rgba(220,75,39,0.30);
}