/* ==========================================================================
   Client Config — M3 Engineering LLC
   Edit this file to re-brand the whole site for a different client.
   ========================================================================== */
:root {
  /* Brand colors */
  --c-navy: #1F2935;        /* ink, from logo wordmark */
  --c-navy-deep: #0D131D;   /* near-black navy for hero / dark sections */
  --c-navy-mid: #16202E;
  --c-navy-soft: #24344A;
  --c-red: #EE1E38;         /* accent, from logo "M3" */
  --c-red-dim: #C81530;
  --c-electric: #2E7BFF;    /* tech / AI accent */
  --c-cyan: #22D3EE;
  --c-paper: #F5F7FA;
  --c-white: #FFFFFF;
  --c-muted: #8B96A5;
  --c-muted-dark: #56606F;
  --c-line: rgba(255, 255, 255, 0.12);
  --c-line-dark: rgba(13, 19, 29, 0.10);

  /* Gradients */
  --g-hero: linear-gradient(160deg, rgba(13, 19, 29, 0.94) 0%, rgba(19, 32, 51, 0.85) 45%, rgba(46, 123, 255, 0.35) 100%);
  --g-electric: linear-gradient(135deg, var(--c-electric), var(--c-cyan));
  --g-red: linear-gradient(135deg, var(--c-red), #ff5d75);
  --g-card-overlay: linear-gradient(180deg, rgba(13, 19, 29, 0) 0%, rgba(13, 19, 29, 0.55) 60%, rgba(13, 19, 29, 0.92) 100%);

  /* Typography */
  --font-display: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;

  /* Layout */
  --header-h: 84px;
  --header-h-mobile: 64px;
  --container-w: 1280px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
}