/* Design tokens: colors, fonts, spacing */
:root {
  --color-bg: #cb0730;          /* crimson page */
  --color-wordmark: #f3ece4;    /* "uxfaisal." wordmark and text on dark cards */
  --color-bio: #b90328;         /* 1st card */
  --color-ink: #1c1b19;         /* text, borders, hard shadows */
  --color-white: #ffffff;
  --color-lavender: #dcd4ea;
  --color-sage: #dcebd8;
  --color-sand: #f3ead9;
  --color-mist: #d8eaec;
  --color-grid: rgba(255, 255, 255, 0.75);
  --color-live: #3f9b5a;        /* availability dot */

  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;

  --border: 1.5px solid var(--color-ink);

  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;

  --gutter: 2rem;
  --card-size: min(32.5vw, 500px);
  --card-gap: 1.5rem;
  --radius: 22px;
}