/**
 * Theme System - CSS Variables
 * ============================
 * Simple CSS variable definitions for each color scheme.
 * Body class determines which theme is active.
 *
 * Themes:
 *   .theme-bright (color_scheme_id: 0)
 *   .theme-dark   (color_scheme_id: 1)
 *   .theme-aqua   (color_scheme_id: 2)
 */

/* ============================================
   DEFAULT / BRIGHT THEME (color_scheme_id: 0)
   ============================================ */
:root,
body,
body.theme-bright {
  --color-background: #ffffff;
  --color-body-text: #666666;
  --color-main-text: #333333;
  --color-sub-text: #999999;
  --color-main-text-reverse: #ffffff;
  --color-transparency-soft: rgba(255, 255, 255, 0.85);
  --color-transparency-hard: rgba(0, 0, 0, 0.75);
  --color-borders: #e0e0e0;
  --color-assets: default;
}

/* ============================================
   DARK THEME (color_scheme_id: 1)
   ============================================ */
body.theme-dark {
  --color-background: #1a1a1a;
  --color-body-text: #b0b0b0;
  --color-main-text: #e0e0e0;
  --color-sub-text: #888888;
  --color-main-text-reverse: #1a1a1a;
  --color-transparency-soft: rgba(0, 0, 0, 0.85);
  --color-transparency-hard: rgba(0, 0, 0, 0.9);
  --color-borders: #333333;
  --color-assets: white;
}

/* ============================================
   AQUA THEME (color_scheme_id: 2)
   ============================================ */
body.theme-aqua {
  --color-background: #e0f7fa;
  --color-body-text: #4f6367;
  --color-main-text: #006064;
  --color-sub-text: #4dd0e1;
  --color-main-text-reverse: #ffffff;
  --color-transparency-soft: rgba(224, 247, 250, 0.9);
  --color-transparency-hard: rgba(0, 96, 100, 0.8);
  --color-borders: #b2ebf2;
  --color-assets: default;
}