/* ========================================================================
   MUNI SUITE - VARIABLES.CSS
   ------------------------------------------------------------------------
   This file defines all CSS variables (custom properties) used for
   themeing, including colors, fonts, and spacing units.
   ======================================================================== */

/* ========================================================================
   1. THEME VARIABLES
   ======================================================================== */

/* Default theme (Dark) */
:root {
  /* fonts */
  --font-ui: "Open Sans", sans-serif;
  --font-content: "Alegreya", serif;
  --font-mono: "Inconsolata", monospace;

  --font-xs: 8pt;
  --font-sm: 10pt;
  --font-md: 12pt;
  --font-lg: 14pt;
  --font-xl: 16pt;

  /* Sizing & Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 4rem;

  --border-width: 2px;
  --radius-quarter: 0.25rem;
  --radius-half: 0.5rem;
  --radius-full: 1rem;

  /* Colors */
  --bg-primary: #000;        /* App background */
  --bg-secondary: #111;      /* Cards, modals, inputs */
  --bg-tertiary: #2a2a2a;    /* Hover states, active states */

  --text-primary: #e0e0e0;   /* Main text */
  --text-secondary: #a0a0a0; /* Muted text, placeholders */
  --text-inverted: #121212;  /* Text on accent-colored backgrounds */

  --color-border: #444;      /* Borders for cards, modals */

  --accent-muni: #45c7c0;
  --accent-primary: #796cd0;
  --accent-danger: #cc5140;
  --accent-ok: #00b164;
  --accent-warn: #ff813b;


  --color-quest: #e37c48;
  --color-book: #57a7a3;
  --color-note: #fabe56;
  --color-lace: #ba3d75;
}

/* Light Theme overrides */
body.light-theme {
  --bg-primary: #fff;
  --bg-secondary: #eee;
  --bg-tertiary: #e0e0e0;

  --text-primary: #212121;
  --text-secondary: #757575;
  --text-inverted: #ffffff;

  --color-border: #ccc;
}