/* Afterglow tokens — from design/style-tile-v2/tokens.css, extended for the site */
:root {
  --nocturne: #23101E;
  --mulberry: #5A1E45;
  --twilight: #6F66A6;
  --garnet: #9E2F55;
  --camellia: #D6436F;
  --coral: #EE7A64;
  --halo: #F7C8A6;
  --blush: #F8ECE6;
  --pearl: #FFF8F3;
  --muted: #7A5868;
  --lilac: #D9C4D6;
  --line: #E7D2CE;
  --line-dark: rgba(247, 200, 166, .16);

  --dusk: linear-gradient(180deg, #1E0D1A 0%, #2E1229 17%, #561C43 35%, #93305E 50%, #CC4670 61%, #EC7966 68.5%, #F6B48E 73%, #C24E66 77%, #6A1E43 83%, #3A1330 90%, #2A0F21 100%);

  --display: 'Bodoni Moda', 'Didot', 'Bodoni 72', 'Times New Roman', serif;
  --sans: 'Jost', 'Futura', 'Segoe UI', sans-serif;
  --chinese: 'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', serif;

  --pad: clamp(20px, 5.5vw, 88px);
  --maxw: 1360px;
  --section-y: clamp(96px, 11vw, 168px);

  --radius-pill: 999px;
  --radius-card: 4px;

  --motion-feedback: 200ms;
  --motion-transition: 360ms;
  --motion-reveal: 760ms;
  --motion-light: 1600ms;
  --ease-out: cubic-bezier(.16, .8, .24, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
}