/* 
  global.css
  
  Global/shared styles for WriteXO (editor, layout, account/dashboard, tables,
  attachments, export UI, and dark mode). Keep selectors predictable and avoid
  specificity creep; prefer small, readable sections.
  
  Conventions
  - Coordinate style changes with unminified JS/CSS sources
  - Reuse existing palette (grays + accent #50ca59) and patterns
  - Add new sections using short header comments for easy scanning
*/

/* Base / Reset */
* {
  box-sizing: border-box;
}
body {
  font-family: 'Open Sans', sans-serif;
  background: #eeeeee;
  color: #696969;
  font-size: 15px;
  margin: 0;
  overflow-x: hidden;
}

:root {
  --toolbar-icon-color: #696969;
  --toolbar-icon-hover-color: #333333;
  --toolbar-icon-active-color: #50ca59;
  --toolbar-icon-active-bg: #e8f5e9;
  --toolbar-icon-active-shadow: inset 0 0 0 1px rgba(80, 202, 89, 0.45);
  --toolbar-icon-focus-ring: rgba(80, 202, 89, 0.18);
  --toolbar-picker-border: #c8eccc;
  --toolbar-picker-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  --toolbar-icon-radius: 4px;
}
p {
  margin: 0;