/* ==========================================================================
   theme.css — AskMarket · Chedders Bootstrap Core DNA
   Light / Dark CSS variable definitions
   AskMarket accent: teal/emerald (#0e9e7a) to complement the dark app UI
   ========================================================================== */

:root {
  /* Core DNA — unchanged */
  --primary:        #0b1f3a;
  --primary-light:  #16345f;
  --background:     #ffffff;
  --surface:        #f8f9fa;
  --text:           #111111;
  --muted:          #6c757d;
  --border:         #e5e7eb;
  --shadow:         rgba(0, 0, 0, 0.05);

  /* AskMarket accent — marketplace teal (matches app screenshot) */
  --accent:         #0e9e7a;
  --accent-light:   #11b88d;
  --accent-subtle:  rgba(14, 158, 122, 0.08);
  --accent-border:  rgba(14, 158, 122, 0.2);

  /* Extended surface tokens */
  --surface-2:      #f1f3f5;
  --nav-bg:         #ffffff;
  --footer-bg:      #f8f9fa;
  --code-bg:        #f1f3f5;
  --badge-bg:       rgba(11, 31, 58, 0.07);
  --badge-text:     #0b1f3a;
  --status-dot:     #22c55e;
  --card-shadow:    0 2px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] {
  --background:     #081120;
  --surface:        #0f1c2e;
  --text:           #ffffff;
  --muted:          #b0b7c3;
  --border:         rgba(255, 255, 255, 0.08);
  --shadow:         rgba(0, 0, 0, 0.3);

  /* Dark extended */
  --accent-subtle:  rgba(14, 158, 122, 0.1);
  --accent-border:  rgba(14, 158, 122, 0.25);
  --surface-2:      #132030;
  --nav-bg:         #0b1827;
  --footer-bg:      #0b1827;
  --code-bg:        #0f1c2e;
  --badge-bg:       rgba(255, 255, 255, 0.07);
  --badge-text:     #b0b7c3;
  --card-shadow:    0 2px 12px rgba(0, 0, 0, 0.35);
}