/* ============================================================
   TeacherToolsPro — Global Theme System
   (Unified tokens for all tools + worksheet builder)
============================================================ */

/* ------------------------------------------------------------
   BASE TOKENS (Light Theme Defaults)
------------------------------------------------------------ */
:root {
  /* Backgrounds */
  --theme-background: #f7f7f9;
  --theme-surface: #ffffff;

  /* Borders */
  --theme-border: #dcdce0;

  /* Text */
  --theme-text: #333333;
  --theme-text-strong: #111111;

  /* Tool Accent (Orange) */
  --tool-accent: #e88b00;
  --tool-accent-dark: #c67400;
  --tool-accent-light: #ffe3b3;

  /* NEW: Card Header Accent (warmer than tan, softer than button orange) */
  --card-accent: #d97a00;
  --card-accent-text: #b85f00;

  /* Radii */
  --theme-radius-sm: 6px;
  --theme-radius-md: 10px;
  --theme-radius-lg: 14px;

  /* Shadows */
  --theme-shadow-sm: 0 1px 3px rgba(0,0,0,0.10);
  --theme-shadow-md: 0 2px 6px rgba(0,0,0,0.15);
  --theme-shadow-lg: 0 4px 12px rgba(0,0,0,0.18);
}

/* ============================================================
   DARK THEME
============================================================ */
body.theme-dark {
  --theme-background: #1e1f22;
  --theme-surface: #2a2b2f;
  --theme-border: #3a3b40;

  --theme-text: #e5e5e5;
  --theme-text-strong: #ffffff;

  --tool-accent: #e88b00;
  --tool-accent-dark: #c67400;
  --tool-accent-light: #5a3c00;

  /* Card accents for dark mode */
  --card-accent: #e88b00;
  --card-accent-text: #ffb85c;

  --theme-shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
  --theme-shadow-md: 0 2px 6px rgba(0,0,0,0.45);
  --theme-shadow-lg: 0 4px 12px rgba(0,0,0,0.5);
}

/* ============================================================
   WARM THEME
============================================================ */
body.theme-warm {
  --theme-background: #faf4ed;
  --theme-surface: #fff8f0;
  --theme-border: #e8d8c8;

  --theme-text: #4a3b2f;
  --theme-text-strong: #2d241d;

  --tool-accent: #d97a00;
  --tool-accent-dark: #b86500;
  --tool-accent-light: #ffe0b8;

  /* Card accents for warm mode */
  --card-accent: #c96d00;
  --card-accent-text: #8a4a00;
}

/* ============================================================
   COOL THEME
============================================================ */
body.theme-cool {
  --theme-background: #eef4fa;
  --theme-surface: #ffffff;
  --theme-border: #cfd9e6;

  --theme-text: #2f3b4a;
  --theme-text-strong: #1d2630;

  --tool-accent: #0077cc;
  --tool-accent-dark: #005fa3;
  --tool-accent-light: #cfe8ff;

  /* Card accents for cool mode */
  --card-accent: #cc7700;
  --card-accent-text: #995500;
}

/* ============================================================
   HIGH-CONTRAST THEME
============================================================ */
body.theme-contrast {
  --theme-background: #000000;
  --theme-surface: #ffffff;
  --theme-border: #000000;

  --theme-text: #000000;
  --theme-text-strong: #000000;

  --tool-accent: #ffcc00;
  --tool-accent-dark: #d4a800;
  --tool-accent-light: #fff3b3;

  /* Card accents for high-contrast mode */
  --card-accent: #ffcc00;
  --card-accent-text: #000000;

  --theme-shadow-sm: none;
  --theme-shadow-md: none;
  --theme-shadow-lg: none;
}