/* ===================================
   Shared Theme — Poli International Tool Theme
   Aligned with site globals.css design system.
   Dark = default (:root). Light = [data-theme="light"].
   =================================== */

:root {
  /* Backgrounds */
  --bg: #0a0a0a;
  --surface: #1a1a1a;
  --surface-elevated: #222222;

  /* Text */
  --text: #e0e0e0;
  --text-heading: #ffffff;
  --muted: #888888;

  /* Accent */
  --accent: #0693e3;
  --accent-hover: #2ba5eb;

  /* Borders & dividers */
  --border: #333333;
  --border-light: #444444;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.5);
}

[data-theme="light"] {
  --bg: #f5f5f5;
  --surface: #ffffff;
  --surface-elevated: #eeeeee;

  --text: #1a1a1a;
  --text-heading: #000000;
  --muted: #666666;

  --accent: #0693e3;
  --accent-hover: #0572b8;

  --border: #dddddd;
  --border-light: #e5e5e5;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);
}

/* Smooth theme transition */
*,
*::before,
*::after {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}