/* Light theme variables and adjustments */
:root,
[data-theme="light"] {
  --background-color: #f5f6fa;
  --text-color: #222;
  --form-bg: #ffffff;
  --header-bg: #ffffff;
  --border-color: #e2e6ea;
  --shadow-color: rgba(0,0,0,0.08);
  --link-color: #0d6efd;
  --accent-color: #007bff;
  --button-bg: #fff;
  --button-text: #222;
  --input-bg: #fff;
  --table-header-bg: #f8f9fa;
  --table-row-even: #ffffff;
  --table-row-hover: #f2f4f7;

  /* Variant colors */
  --primary: #007bff; --primary-soft: rgba(0,123,255,0.12);
  --success: #28a745; --success-soft: rgba(40,167,69,0.12);
  --warning: #ffc107; --warning-soft: rgba(255,193,7,0.15);
  --danger: #dc3545; --danger-soft: rgba(220,53,69,0.12);
  --info: #17a2b8; --info-soft: rgba(23,162,184,0.12);
  --secondary: #6c757d; --secondary-soft: rgba(108,117,125,0.12);
  --accent-soft: rgba(0,123,255,0.1);
}

[data-theme="light"] .emoji-btn:hover { background: rgba(0,123,255,0.1); }