/* ============================================================================
 * assets/theme_classic.css
 *
 * Zweck: WH27 Classic Theme (Hell).
 *
 * Architektur-Hinweise:
 * - Instanziiert den Theme Contract (`theme_base.css`) mit konkreten Farbwerten 
 * für ein helles, klassisches Erscheinungsbild (blau/weiß/grau).
 * - Setzt die spezifischen Ribbon2-Variablen (`--wh-r2-*`) für diesen Modus.
 * ============================================================================ */
:root{

  --wh-r2-bg1: #eaf3fb;
  --wh-r2-bg2: #d6e7f6;
  --wh-r2-border: #b8cfe6;
  --wh-r2-text: #003a66;
  --wh-r2-tab-bg: rgba(255,255,255,0.55);
  --wh-r2-tab-bg-hover: #ffffff;
  --wh-r2-tab-border-hover: #7aa6d8;
  --wh-r2-group-title: #5b7fa3;
  --wh-r2-btn-bg: #f5f9fd;
  --wh-r2-btn-bg-hover: #ffffff;
  --wh-r2-btn-bg-active: #e0eefc;
  --wh-r2-menu-border: rgba(0,0,0,.18);
  --wh-r2-menu-shadow: 0 10px 22px rgba(0,0,0,.18);
  --wh-r2-menu-hover: rgba(0,0,0,.06);

  /* WH27 Theme Contract */
  --wh-bg: #eaf2fb;
  --wh-content-bg: #d8e8f640;
  --wh-field-bg: rgba(255,255,255,0.95);
  --wh-panel: #f7fbff;
  --wh-panel2: #dbe3eb;
  --wh-border: rgba(0,0,0,0.12);
  --wh-accent: #1a5fa0;
  --wh-title: #003a66;

  --wh-white: #ffffff;
  --wh-black: #000000;
}