/* G7 Mail design system — single source of truth for brand tokens. */
:root {
  --g7-gold: #bc8f4a;
  --g7-gold-light: #e5c583;
  --g7-gold-dark: #8c652d;
  --g7-graphite: #111827;
  --g7-night: #0b0f17;
  --g7-surface-dark: #151b26;
  --g7-surface-elevated: #1d2635;
  --g7-silver: #aeb8c4;
  --g7-slate: #64748b;
  --g7-border-dark: #293241;
  --g7-canvas: #f5f7fa;
  --g7-surface: #fff;
  --g7-border: #e2e8f0;
  --g7-text: #151c2a;
  --g7-text-light: #f8fafc;
  --g7-success: #16a36a;
  --g7-error: #dc4c4c;
  --g7-warning: #f59e0b;
  --g7-info: #3b82f6;
  --g7-radius-sm: 8px;
  --g7-radius-md: 11px;
  --g7-radius-lg: 14px;
  --g7-shadow-sm: 0 1px 4px rgba(15, 23, 42, .08);
  --g7-shadow-lg: 0 24px 70px rgba(11, 15, 23, .22);
  --g7-motion: 180ms ease;
}

body {
  background: var(--g7-canvas);
  color: var(--g7-text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button, input, select, textarea { font: inherit; }

:focus-visible {
  outline: 2px solid var(--g7-gold-dark) !important;
  outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
}