/*
 * shared-theme.css - single source of truth for base backgrounds/text/borders
 * across all three UIs (student, tutor, admin CMS). Defines both variable-naming
 * conventions the three existing stylesheets already use internally, so each of
 * them can drop their own bg/text/border color declarations and inherit from here
 * without renaming any selectors in the ~65 page templates that consume them.
 *
 * Deliberately excludes semantic/status colors (success/danger/warning/live) and
 * brand-accent colors (gold/orange/blue/purple/teal used for buttons, active states,
 * links, badges, charts) - those stay exactly as each stylesheet already defines
 * them. This file only controls: page background, card/panel background, hover
 * background, borders, and body/label text color.
 *
 * Dark mode: ash-black backgrounds, cool white/grey text - no cream or brown tint.
 * Light mode: butter background, black/charcoal text.
 */

:root {
  --bg-primary: #0d0d0e;
  --bg-secondary: #17171a;
  --bg-card: #1e1e21;
  --bg-hover: #292930;
  --border: #3a3a3f;
  --border2: #46464c;
  --text-primary: #f4f5f7;
  --text-secondary: #a9adb3;
  --text-muted: #7d8188;

  /* aliases for the student/tutor naming convention */
  --bg: var(--bg-primary);
  --bg2: var(--bg-secondary);
  --bg3: var(--bg-card);
  --text: var(--text-primary);
  --text2: var(--text-secondary);
  --text3: var(--text-muted);
  --text4: #ffffff;
}

[data-theme="light"] {
  --bg-primary: #fdf6df;
  --bg-secondary: #fffaf0;
  --bg-card: #fffdf6;
  --bg-hover: #f5ecc9;
  --border: #e8dcae;
  --border2: #d8c98a;
  --text-primary: #16161a;
  --text-secondary: #46464c;
  --text-muted: #6b6b70;

  --bg: var(--bg-primary);
  --bg2: var(--bg-secondary);
  --bg3: var(--bg-card);
  --text: var(--text-primary);
  --text2: var(--text-secondary);
  --text3: var(--text-muted);
  --text4: #000000;
}