/* ==========================================================================
   Theme tokens — site is light-only. Modern, clean, masculine red accent.
   Footer kept dark for contrast against the white body (common pattern
   in landing-page layouts to anchor the bottom of the scroll).
   ========================================================================== */

:root {
  color-scheme: light;

  /* Body + alternating section backgrounds — bright + clean */
  --bg-primary:   #ffffff;
  --bg-secondary: #f8f9fa;
  --bg-elevated:  #ffffff;
  /* Navbar + footer share the same deep black for visual bookends:
     dark anchor at the top, dark anchor at the bottom, light content
     in between. */
  --bg-nav:       #0a0a0a;
  --bg-footer:    #0a0a0a;

  --text-primary:   #111111;
  --text-secondary: #4a4a55;
  --text-muted:     #6b6b76;
  /* On-nav tokens drive both the navbar AND the footer because they
     share the same dark background. */
  --text-on-nav:       #ffffff;
  --text-on-nav-muted: #b5b7c2;

  --border:        #eeeeee;
  --border-strong: #d8d8df;
  --border-on-nav: rgba(255, 255, 255, 0.14);
  --nav-hover-bg:     rgba(255, 255, 255, 0.08);
  --nav-hover-border: rgba(255, 255, 255, 0.32);

  --accent:        #e63939;       /* nav hover red — bright on dark bg */
  --accent-hover:  #c62828;       /* button hover — darker red on light bg */
  --accent-soft:   rgba(230, 57, 57, 0.10);

  --success: #2e7d32;
  --warning: #f57c00;

  --shadow-sm: 0 1px 2px rgba(16, 16, 20, 0.06);
  --shadow-md: 0 8px 22px rgba(16, 16, 20, 0.07);
  --shadow-lg: 0 16px 40px rgba(16, 16, 20, 0.10);

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
}

html,
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}