/* ========================================================
   1. DESIGN TOKENS & CSS VARIABLES (AIRMAIL & BOARDING PASS)
   ======================================================== */
:root {
  /* Airmail & Postcard Palette */
  --airmail-red: #C8333A;
  --airmail-blue: #1E3A6E;
  --airmail-cream: #FBF7EE;
  --airmail-bg: #E7E1D3;
  --airmail-dark: #1E2430;
  --airmail-muted: #4E5563;
  --airmail-subtle: #D9D1C1;
  --airmail-border: #1E2430;

  /* Theme mappings for existing components */
  --red-primary: #C8333A;
  --red-dark: #1E3A6E;
  --red-light: #E7E1D3;
  --red-card: #FBF7EE;
  --red-card-inner: #FBF7EE;
  --gold: #1E3A6E;
  --gold-light: #FBF7EE;
  --gold-dark: #1B2B3A;
  --paper-bg: #E7E1D3;
  --paper-card: #FBF7EE;
  --cream-text: #1E2430;
  --cream-sub: #4E5563;
  --ink: #1E2430;
  --muted: #4E5563;
  --border-red: rgba(200, 51, 58, 0.25);
  --border-gold: rgba(30, 58, 110, 0.35);
  --shadow-card: 0 6px 14px rgba(30, 36, 48, 0.12);

  /* Typography */
  --font-mono: "IBM Plex Mono", "Space Mono", monospace;
  --font-serif: "Dancing Script", cursive;
  --font-title: "IBM Plex Mono", monospace;
  --font-script: "Dancing Script", cursive;
  --font-body: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-sans: "Be Vietnam Pro", sans-serif;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}

@keyframes spin-vinyl {
  100% { transform: rotate(360deg); }
}