/* web-recipes/assets/css/theme.css */

:root {
  --bg-main: #020617;
  --bg-shell: #020617;
  --bg-card: #09162e;
  --bg-section: #050b1e;
  --bg-section-alt: #060f26;
  --bg-panel: #0d1f3f;
  --bg-chip: rgba(255, 255, 255, 0.08);

  --border-soft: rgba(255, 255, 255, 0.22);

  --accent: #38bdf8;
  --accent-soft: rgba(56, 189, 248, 0.14);
  --accent-muted: rgba(255, 255, 255, 0.55);

  --text-main: rgba(255, 255, 255, 0.94);
  --text-muted: rgba(255, 255, 255, 0.7);
  --text-strong: #ffffff;
  --text: var(--text-main);
}

body.theme-light {
  --bg-main: #f3f4f6;
  --bg-shell: #f9fafb;
  --bg-card: #ffffff;
  --bg-section: #ffffff;
  --bg-section-alt: #f9fafb;
  --bg-panel: #f9fafb;
  --bg-chip: rgba(0, 0, 0, 0.06);

  --border-soft: rgba(0, 0, 0, 0.15);

  --accent: #2563eb;
  --accent-soft: rgba(37, 99, 235, 0.1);
  --accent-muted: rgba(0, 0, 0, 0.55);

  --text-main: #111827;
  --text-muted: #6b7280;
  --text-strong: #0f172a;
  --text: var(--text-main);
}