/* ============================================================
   Align Design System — tokens v1.0 "Porcelain & Cobalt"
   The single source of truth. Change values here, never in apps.
   ============================================================ */
:root {
  /* surfaces */
  --paper: #F2F4F6;
  --paper-2: #F9FAFB;
  --paper-3: #FFFFFF;
  --paper-sunken: #E9ECF0;

  /* ink */
  --ink: #15181E;
  --ink-2: #4D5560;
  --ink-3: #8A93A1;
  --ink-inverse: #F2F4F6;

  /* rules (hairline borders) */
  --rule: #DDE2E8;
  --rule-strong: #C8CFD9;

  /* accent — cobalt. The signature. Use sparingly:
     links, active nav, focus rings, selected rows, 1 badge.
     Primary buttons are INK, not accent. */
  --accent: #2B3FD6;
  --accent-hover: #1F2FA8;
  --accent-tint: #E4E8FB;
  --accent-ink: #FFFFFF;

  /* semantic */
  --success: #2F7A52; --success-tint: #E0F0E7;
  --warning: #9C6F12; --warning-tint: #F7EFD9;
  --danger:  #D2402E; --danger-tint:  #FBE5E0;
  --info:    #3E6378; --info-tint:    #E2EDF3;

  /* radius */
  --r-sm: 4px;   /* inputs, chips */
  --r: 8px;      /* buttons */
  --r-lg: 12px;  /* cards, tables */
  --r-pill: 999px;

  /* type */
  --font-display: 'Fraunces', Georgia, serif;
  --font-sans: 'Hanken Grotesk', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* elevation (cool, quiet) */
  --shadow-sm: 0 1px 2px rgba(21,24,30,.06);
  --shadow: 0 2px 10px rgba(21,24,30,.07);
  --shadow-lg: 0 16px 40px -12px rgba(21,24,30,.18);
}