/* ════════════════════════════════════════════════
   tokens.css — Design tokens e variáveis globais
   ════════════════════════════════════════════════ */
:root {
  /* Cores semânticas */
  --ink: #101828;
  --ink-2: #344054;
  --muted: #667085;
  --muted-lt: #98A2B3;
  --paper: #FFFFFF;
  --mist: #F2F4F7;
  --cloud: #F7F9FC;

  /* Cores de superfície */
  --coal: #141414;
  --coal-2: #1C1C1C;
  --graphite: #2E2E2E;
  --cream: #FCF9F2;

  /* Bordas */
  --border: #E4E7EC;
  --border-lt: #EEF1F4;

  /* Estado */
  --a-blue: #1F6FEB;
  --success: #027A48;
  --success-bg: #ECFDF3;
  --warn: #B54708;
  --warn-bg: #FFFAEB;
  --danger: #B42318;
  --danger-bg: #FEF3F2;

  /* Tipografia */
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Inter', sans-serif;
  --wm: 'Quicksand', var(--font);

  /* Layout */
  --nav-h: 60px;

  /* Accent (Claude / brand) */
  --cl-orange: #D97757;
  --cl-orange-lt: #F0B89A;
  --cl-orange-bg: #FDF3EE;
  --cl-orange-glow: rgba(217, 119, 87, .18);
}