/* Five directions as themes. Palettes lifted from the designer's exploration;
   muted labels + on-cream prices darkened to pass WCAG AA (panel fix). */

:root {
  --headline-font: 'Archivo', system-ui, sans-serif;
  --body-font: 'Work Sans', system-ui, sans-serif;
  --brand-font: 'Archivo', system-ui, sans-serif;
  --mono-font: 'Space Mono', ui-monospace, monospace;
}

/* ============ 2a · Étal du Marché — forest green + cream ============ */
body.theme-2a {
  --bg: #F3ECDD; --surface: #FBF7EE; --surface-2: #E9E1CC;
  --ink: #241B12; --muted: #6c6350; --line: #DACFB6;
  --brand: #234B34; --brand-ink: #F3ECDD;
  --accent: #D98A2B; --accent-strong: #B85E17; --accent-ink: #241B12;
  --headline-font: 'Playfair Display', Georgia, serif; --headline-weight: 800;
  --body-font: 'Archivo', sans-serif; --brand-font: 'Archivo', sans-serif;
  --topbar-bg: #234B34; --topbar-ink: #F3ECDD;
  --ticker-bg: #234B34; --ticker-ink: #F3ECDD;
  --nav-bg: #F7F1E6; --footer-bg: #FBF7EE;
  --stripe-a: #E6DCBF; --stripe-b: #DCD2B8;
  --eyebrow-ink: #234B34;
}
body.theme-2a .c-epicerie { background:#234B34; }
body.theme-2a .c-huiles   { background:#D98A2B; color:#241B12; }
body.theme-2a .c-poissons { background:#3F6F57; }
body.theme-2a .c-boissons { background:#7A5B2E; }
body.theme-2a .c-snacks   { background:#C6402F; }

/* ============ 2b · Boutique Épurée — minimal paper/ink ============ */
body.theme-2b {
  --bg: #FAF8F4; --surface: #FFFFFF; --surface-2: #F0ECE3;
  --ink: #1A1A1A; --muted: #57544c; --line: #E2DED2;
  --brand: #1A1A1A; --brand-ink: #FFFFFF;
  --accent: #C6552F; --accent-strong: #C6552F; --accent-ink: #FFFFFF;
  --headline-font: 'Work Sans', sans-serif; --headline-weight: 800; --accent-style: normal;
  --body-font: 'Work Sans', sans-serif; --brand-font: 'Work Sans', sans-serif;
  --topbar-bg: #241B12; --topbar-ink: #F7EFE3;
  --nav-bg: #FFFFFFEE; --footer-bg: #FFFFFF;
  --stripe-a: #EFE9DD; --stripe-b: #E4DDCE;
  --map-ink: #C6552F; --eyebrow-ink: #57544c;
}
body.theme-2b .c-epicerie { background:#1A1A1A; }
body.theme-2b .c-huiles   { background:#4A4A4A; }
body.theme-2b .c-poissons { background:#6E6E6E; }
body.theme-2b .c-boissons { background:#8A8577; }
body.theme-2b .c-snacks   { background:#C6552F; }

/* ============ 2c · Nuit Épicée — dark navy + gold ============ */
body.theme-2c {
  --bg: #1C1622; --surface: #241D2E; --surface-2: #2C2536;
  --ink: #F4EFE6; --muted: #C9C3D4; --line: #352E42;
  --brand: #E7B84B; --brand-ink: #241B12;
  --accent: #E7B84B; --accent-strong: #E7B84B; --accent-ink: #241B12;
  --headline-font: 'Archivo', sans-serif; --headline-weight: 900; --accent-style: normal;
  --body-font: 'Work Sans', sans-serif; --brand-font: 'Archivo', sans-serif;
  --topbar-bg: #14101A; --topbar-ink: #E7B84B;
  --nav-bg: #1E1826EE; --footer-bg: #1A1420;
  --stripe-a: #2C2536; --stripe-b: #241D2E;
  --map-ink: #E7B84B; --map-opacity: .9; --eyebrow-ink: #E7B84B;
}
body.theme-2c { color-scheme: dark; }
body.theme-2c .c-epicerie { background:#E7B84B; color:#241B12; }
body.theme-2c .c-huiles   { background:#3A3346; }
body.theme-2c .c-poissons { background:#3F5A57; }
body.theme-2c .c-boissons { background:#4A3F57; }
body.theme-2c .c-snacks   { background:#C6402F; }
body.theme-2c h1.headline b { text-shadow: 0 0 26px color-mix(in srgb, var(--brand) 55%, transparent); }
body.theme-2c .btn-wa { box-shadow: 0 0 0 1px color-mix(in srgb, var(--wa) 40%, transparent), 0 14px 40px -12px var(--wa); }

/* ============ 1a · Marché Chaleureux — warm terracotta ============ */
body.theme-1a {
  --bg: #F7EFE3; --surface: #FFFFFF; --surface-2: #ECE1CF;
  --ink: #241B12; --muted: #6b6150; --line: #E7DAC1;
  --brand: #C6552F; --brand-ink: #FFFFFF;
  --accent: #C6552F; --accent-strong: #A8481F; --accent-ink: #FFFFFF;
  --headline-font: 'Archivo', sans-serif; --headline-weight: 900; --accent-style: normal;
  --body-font: 'Archivo', sans-serif; --brand-font: 'Archivo', sans-serif;
  --topbar-bg: #241B12; --topbar-ink: #F7EFE3;
  --nav-bg: #FBF4E8EE; --footer-bg: #FFFFFF;
  --stripe-a: #E9DCC4; --stripe-b: #DED0B6;
  --eyebrow-ink: #C6552F;
}
body.theme-1a .c-epicerie { background:#C6552F; }
body.theme-1a .c-huiles   { background:#D98A2B; color:#241B12; }
body.theme-1a .c-poissons { background:#3F6F57; }
body.theme-1a .c-boissons { background:#241B12; }
body.theme-1a .c-snacks   { background:#7A3E2A; }

/* ============ 1b · Diaspora Moderne — indigo + gold ============ */
body.theme-1b {
  --bg: #F4F1EA; --surface: #FFFFFF; --surface-2: #E9E3D3;
  --ink: #23204A; --muted: #635d4d; --line: #E4DBC7;
  --brand: #23204A; --brand-ink: #FFFFFF;
  --accent: #C79A3E; --accent-strong: #8A5E12; --accent-ink: #241B12;
  --headline-font: 'Playfair Display', Georgia, serif; --headline-weight: 800; --accent-style: italic;
  --body-font: 'Work Sans', sans-serif; --brand-font: 'Playfair Display', Georgia, serif;
  --topbar-bg: #23204A; --topbar-ink: #EBD9A8;
  --nav-bg: #FBF9F2EE; --footer-bg: #FFFFFF;
  --stripe-a: #E9E3D3; --stripe-b: #DED7C4;
  --eyebrow-ink: #9A6E1E;
}
body.theme-1b .c-epicerie { background:#23204A; }
body.theme-1b .c-huiles   { background:#C08A2E; color:#241B12; }
body.theme-1b .c-poissons { background:#2F6F57; }
body.theme-1b .c-boissons { background:#6C3A6B; }
body.theme-1b .c-snacks   { background:#C6552F; }

/* ============ og · ancienne direction redirigée vers la boutique 2a ============ */
body.theme-og {
  --bg: #FBF7F0; --surface: #FFFFFF; --surface-2: #F5ECDC;
  --ink: #1F1A14; --muted: #6a6053; --line: #EBE0CB;
  --brand: #D81E05; --brand-ink: #FFFFFF;
  --accent: #E8730C; --accent-strong: #C0392B; --accent-ink: #FFFFFF;
  --headline-font: 'Archivo', sans-serif; --headline-weight: 900; --accent-style: normal;
  --body-font: 'Work Sans', sans-serif; --brand-font: 'Archivo', sans-serif;
  --topbar-bg: #1E3FA0; --topbar-ink: #FFFFFF;   /* her blue banner */
  --nav-bg: #FFFFFFEE; --footer-bg: #FFFFFF;
  --stripe-a: #F0E6D2; --stripe-b: #E7DAC0;
  --eyebrow-ink: #D81E05;
}
body.theme-og .c-epicerie { background:#D81E05; }
body.theme-og .c-huiles   { background:#E8730C; }
body.theme-og .c-poissons { background:#1E3FA0; }
body.theme-og .c-boissons { background:#C0392B; }
body.theme-og .c-snacks   { background:#E9A100; color:#1F1A14; }