/* === UNIFIED COLOR SYSTEM === */
/* All colors across the site draw from this palette */

:root {
  /* === NEUTRALS === */
  /* Light mode */
  --neutral-0: #ffffff;
  --neutral-50: #f5f5f4;
  --neutral-100: #e7e5e4;
  --neutral-200: #d6d3d1;
  --neutral-300: #a8a29e;
  --neutral-400: #78716c;
  --neutral-500: #57534e;
  --neutral-600: #44403c;
  --neutral-700: #292524;
  --neutral-800: #1c1917;
  --neutral-900: #0a0a0a;

  /* === ACCENT PALETTE === */
  /* Each section gets its own color - spread across spectrum for distinction */

  /* Crimson - Home */
  --crimson: #dc2626;
  --crimson-light: #ef4444;
  --crimson-dark: #b91c1c;

  /* Navy - Work */
  --navy: #1e40af;
  --navy-light: #3b82f6;
  --navy-dark: #1e3a8a;

  /* Violet - Building */
  --violet: #7c3aed;
  --violet-light: #a855f7;
  --violet-dark: #6d28d9;

  /* Teal - Ideas */
  --teal: #0d9488;
  --teal-light: #14b8a6;
  --teal-dark: #0f766e;

  /* Orange - Interests */
  --orange: #ea580c;
  --orange-light: #f97316;
  --orange-dark: #c2410c;

  /* Gold - Faith */
  --gold: #ca8a04;
  --gold-light: #eab308;
  --gold-dark: #a16207;

  /* Slate - Timeline */
  --slate: #64748b;
  --slate-light: #94a3b8;
  --slate-dark: #475569;

  /* Emerald - Connect */
  --emerald: #059669;
  --emerald-light: #10b981;
  --emerald-dark: #047857;

  /* === SEMANTIC MAPPINGS === */
  /* These get overridden per-section */
  --accent: var(--crimson);
  --accent-light: var(--crimson-light);
  --accent-dark: var(--crimson-dark);

  /* === NAV COLORS (always available) === */
  --nav-home: var(--crimson);
  --nav-work: var(--navy);
  --nav-building: var(--violet);
  --nav-ideas: var(--teal);
  --nav-interests: var(--orange);
  --nav-faith: var(--gold);
  --nav-timeline: var(--slate);
  --nav-connect: var(--emerald);
}

/* === SECTION COLOR ASSIGNMENTS === */

/* Home - Crimson */
body.home-section {
  --accent: var(--crimson);
  --accent-light: var(--crimson-light);
  --accent-dark: var(--crimson-dark);
}

/* Work sections - Navy */
body.work-section,
body.work-political-section,
body.work-nationbuilder-section,
body.work-freelance-section {
  --accent: var(--navy);
  --accent-light: var(--navy-light);
  --accent-dark: var(--navy-dark);
}

/* Building - Violet */
body.building-section {
  --accent: var(--violet);
  --accent-light: var(--violet-light);
  --accent-dark: var(--violet-dark);
}

/* Ideas - Teal */
body.ideas-section {
  --accent: var(--teal);
  --accent-light: var(--teal-light);
  --accent-dark: var(--teal-dark);
}

/* Interests - Orange */
body.interests-section {
  --accent: var(--orange);
  --accent-light: var(--orange-light);
  --accent-dark: var(--orange-dark);
}

/* Faith - Gold */
body.faith-section {
  --accent: var(--gold);
  --accent-light: var(--gold-light);
  --accent-dark: var(--gold-dark);
}

/* Timeline - Slate */
body.timeline-section {
  --accent: var(--slate);
  --accent-light: var(--slate-light);
  --accent-dark: var(--slate-dark);
}

/* Connect - Emerald */
body.connect-section {
  --accent: var(--emerald);
  --accent-light: var(--emerald-light);
  --accent-dark: var(--emerald-dark);
}

/* Colophon - Violet */
body.colophon-section {
  --accent: var(--violet);
  --accent-light: var(--violet-light);
  --accent-dark: var(--violet-dark);
}

/* === DARK MODE ADJUSTMENTS === */
/* Lighten accents slightly for better contrast on dark */
@media (prefers-color-scheme: dark) {
  :root {
    --crimson: #ef4444;
    --navy: #3b82f6;
    --violet: #a855f7;
    --teal: #14b8a6;
    --orange: #f97316;
    --gold: #eab308;
    --slate: #94a3b8;
    --emerald: #10b981;
  }
}