/* === UNIFIED COLOR SYSTEM === */
/* v2: "Illustrated Workshop" - Light mode default, warm paper aesthetic */

:root {
  /* === WARM NEUTRALS (Light Mode Default) === */
  /* Paper-like, warm, approachable */
  --neutral-0: #faf9f7;    /* Primary background - warm off-white */
  --neutral-50: #f5f3ef;   /* Secondary background - soft cream */
  --neutral-100: #ebe8e3;  /* Tertiary/cards */
  --neutral-200: #ddd9d2;  /* Borders */
  --neutral-300: #b5b0a6;  /* Muted text */
  --neutral-400: #8a857a;  /* Secondary text */
  --neutral-500: #5f5a50;  /* Body text */
  --neutral-600: #44403c;  /* Emphasis text */
  --neutral-700: #2d2a26;  /* Primary text - warm dark */
  --neutral-800: #1f1c19;  /* Near black */
  --neutral-900: #121110;  /* True dark */

  /* === SEMANTIC COLORS (Light Mode) === */
  --bg-primary: var(--neutral-0);
  --bg-secondary: var(--neutral-50);
  --bg-tertiary: var(--neutral-100);
  --text-primary: var(--neutral-700);
  --text-secondary: var(--neutral-500);
  --text-tertiary: var(--neutral-400);
  --border-color: var(--neutral-200);
  --border-light: var(--neutral-100);

  /* === ACCENT PALETTE === */
  /* Green - Primary (exact match to cartoon sweater #047101) */
  --green: #047101;
  --green-light: #059212;
  --green-dark: #035901;

  /* Terracotta - Secondary accent (warmth, craft) */
  --terracotta: #c45d3a;
  --terracotta-light: #d97756;
  --terracotta-dark: #a34e30;

  /* Gold - Tertiary accent (achievement, faith) */
  --gold: #b8860b;
  --gold-light: #d4a017;
  --gold-dark: #946c09;

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

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

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

  /* === DEFAULT ACCENT === */
  --accent: var(--green);
  --accent-light: var(--green-light);
  --accent-dark: var(--green-dark);

  /* === NAV COLORS === */
  /* Unified green across all sections for workshop cohesion */
  --nav-home: var(--green);
  --nav-building: var(--green);
  --nav-work: var(--green);
  --nav-ideas: var(--green);
  --nav-faith: var(--green);
  --nav-connect: var(--green);

  /* === COMPONENT TOKENS === */
  --shadow-sm: 0 1px 2px rgba(45, 42, 38, 0.04);
  --shadow-md: 0 4px 12px rgba(45, 42, 38, 0.06);
  --shadow-lg: 0 8px 24px rgba(45, 42, 38, 0.08);
  --shadow-hover: 0 12px 32px rgba(45, 42, 38, 0.1);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
}

/* === SECTION COLOR ASSIGNMENTS === */
/* Unified green accent across all sections - workshop cohesion */
/* Individual section overrides removed; --accent defaults to green */

/* === DARK MODE === */
/* Preserved as user preference, not default */
@media (prefers-color-scheme: dark) {
  :root {
    /* Inverted neutrals */
    --bg-primary: #1a1917;
    --bg-secondary: #242220;
    --bg-tertiary: #2e2c29;
    --text-primary: #f5f3ef;
    --text-secondary: #c5c0b8;
    --text-tertiary: #8a857a;
    --border-color: #3d3a36;
    --border-light: #2e2c29;

    /* Lightened accents for dark backgrounds */
    --green: #0ac103;
    --green-light: #1de516;
    --green-dark: #047101;

    --terracotta: #e07a5a;
    --terracotta-light: #f09070;
    --terracotta-dark: #c45d3a;

    --gold: #d4a017;
    --gold-light: #eab308;
    --gold-dark: #b8860b;

    --navy: #60a5fa;
    --navy-light: #93c5fd;
    --navy-dark: #3b82f6;

    --teal: #2dd4bf;
    --teal-light: #5eead4;
    --teal-dark: #14b8a6;

    --slate: #94a3b8;
    --slate-light: #cbd5e1;
    --slate-dark: #64748b;

    /* Softer shadows in dark mode */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.35);
  }
}