/* TFI BANISA — design tokens
   A dark cinema-hall palette: warm near-black, projector red, marquee amber. */

:root {
  /* Surfaces */
  --ink: #080607;
  --ink-deep: #030202;
  --surface: #141011;
  --surface-2: #1d1718;
  --surface-3: #262021;
  --line: #2f2628;
  --line-strong: #453a3c;

  /* Brand */
  --red: #e8232a;
  --red-bright: #ff3a41;
  --red-deep: #97121a;
  --ember: #ffb020;
  --ember-deep: #c97e00;

  /* Text */
  --paper: #f6f1ec;
  --paper-dim: #cfc5c4;
  --muted: #9d9294;
  --muted-2: #6f6567;

  /* Status */
  --green: #27c86f;
  --green-deep: #12693a;
  --wrong: #ff4b52;

  /* Type */
  --font-display: 'Anton', 'Archivo Black', 'Haettenschweiler', 'Arial Narrow Bold', Impact, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  --step--1: 0.8125rem;
  --step-0: 1rem;
  --step-1: 1.125rem;
  --step-2: 1.375rem;
  --step-3: 1.75rem;
  --step-4: 2.25rem;
  --step-5: 3rem;
  --step-6: 4rem;

  /* Space */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* Shape */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;
  --tap: 48px;

  --shell: 34rem;
  --shell-wide: 68rem;

  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}