/* ============================================================
   Cát Tê — design tokens
   Chiếu chàm đêm Sài Gòn + đồng thau
   ============================================================ */
:root {
  --night-900: #050D15;
  --night-800: #0A1725;
  --night-700: #102436;
  --felt-900: #07202B;
  --felt-800: #0B2C39;
  --felt-700: #123C4A;

  --brass-100: #FFF3DA;
  --brass-200: #F5DDAE;
  --brass-300: #E4B876;
  --brass-400: #C98F45;
  --brass-500: #97642A;

  --card: #FBF6EA;
  --card-2: #EFE3C8;
  --red: #C8332F;
  --black: #1B2430;

  --ink: #F6EFE2;
  --ink-2: rgba(246, 239, 226, .76);
  --muted: rgba(246, 239, 226, .48);

  --good: #5BD08C;
  --warn: #E8A54B;
  --bad: #E2564C;

  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 26px;
  --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 24px; --r-pill: 999px;

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  --t-fast: 140ms cubic-bezier(.4, 0, .2, 1);
  --t-mid: 240ms cubic-bezier(.4, 0, .2, 1);
  --t-slow: 380ms cubic-bezier(.2, .8, .2, 1);
}