/* MailClear — variables CSS partagées */
:root {
  /* Backgrounds */
  --bg: #F5F5F7;
  --surface: #FFFFFF;

  /* Brand blue */
  --blue: #0071E3;
  --blue-hover: #0077ED;
  --blue-light: #EBF4FF;

  /* Text */
  --text: #1D1D1F;
  --text-secondary: #6E6E73;
  --text-tertiary: #AEAEB2;

  /* Borders */
  --border: #D2D2D7;
  --border-light: #F0F0F5;

  /* Green */
  --green: #34C759;
  --green-bg: #F0FFF4;
  --green-text: #1A7E3A;

  /* Orange */
  --orange: #FF9500;
  --orange-bg: #FFF8EC;
  --orange-text: #7D4800;

  /* Red */
  --red: #FF3B30;
  --red-bg: #FFF2F1;
  --red-text: #C0392B;

  /* Typography */
  --font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  --mono: "SF Mono", "Fira Code", "Courier New", monospace;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.07), 0 1px 4px rgba(0,0,0,0.04);
  --shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);
}

* { box-sizing: border-box; margin: 0; padding: 0; }