/* Dr. Dinooooo: Version A "The place carries it"
   Brand palette+type LOCKED (Option D). Composition from direction sheet. */

:root{
  /* primitives */
  --p-dino-white:#F7F5EF;
  --p-quiet-ink:#2F3338;
  --p-ink-soft:#4E545B;
  --p-soft-grey:#E7E9EA;
  --p-mist:#D9E5EC;
  --p-warm:#F6DEC2;
  --p-lavender:#DDD4EC;
  --p-dusk:#4A5A78;
  --p-dusk-deep:#3B4862;
  --p-friend-blue:#BFDDEB;
  --p-friend-yellow:#F4DF9A;
  --p-friend-pink:#F1C5D2;
  --p-friend-green:#C8DFC5;
  --p-friend-purple:#CCBFE5;

  --p-font-zh-display:"Iansui","Noto Serif TC","Songti TC",serif;
  --p-font-zh-text:"Chiron Hei HK","PingFang TC","Noto Sans TC",system-ui,sans-serif;
  --p-font-en-display:"Young Serif",Georgia,serif;
  --p-font-en-ui:"Work Sans","Chiron Hei HK",system-ui,sans-serif;

  --p-space-1:4px; --p-space-2:8px; --p-space-3:12px; --p-space-4:16px; --p-space-5:24px;
  --p-space-6:32px; --p-space-7:48px; --p-space-8:72px; --p-space-9:112px;
  --p-ease-out:cubic-bezier(.22,1,.36,1);

  /* semantic mapped to direction roles */
  --bg:var(--p-dino-white);
  --surface:var(--p-soft-grey);
  --ink:var(--p-quiet-ink);
  --muted:var(--p-ink-soft);
  --accent:var(--p-dusk);
  --accent-press:var(--p-dusk-deep);
  --on-accent:var(--p-dino-white);
  --scrim:rgba(47,51,56,.42);

  --room-white:var(--p-dino-white);
  --room-mist:var(--p-mist);
  --room-lavender:var(--p-lavender);
  --room-warm:var(--p-warm);
  --room-grey:var(--p-soft-grey);
  --room-field:var(--p-dusk);

  --friend-blue:var(--p-friend-blue);
  --friend-yellow:var(--p-friend-yellow);
  --friend-pink:var(--p-friend-pink);
  --friend-green:var(--p-friend-green);
  --friend-purple:var(--p-friend-purple);

  --font-display:var(--p-font-zh-display);
  --font-text:var(--p-font-zh-text);
  --font-en:var(--p-font-en-display);
  --font-ui:var(--p-font-en-ui);

  /* five type steps (brand) + film-title display */
  --t-1:clamp(2.25rem,1.3rem + 3.1vw,3.5rem);
  --t-2:clamp(1.625rem,1.2rem + 1.4vw,2.125rem);
  --t-3:clamp(1.25rem,1.1rem + .5vw,1.375rem);
  --t-4:1.0625rem; /* 17 */
  --t-5:max(.875rem,14px); /* 14 floor; house rule ≥13 */
  --t-film:clamp(3.25rem,2rem + 8vw,9.5rem);
  --t-statement:clamp(1.375rem,1.1rem + 1.2vw,2.125rem); /* ≤36px desktop */

  --margin:clamp(20px,4.5vw,48px);
  --gutter:clamp(16px,2vw,32px);
  --section:clamp(5rem,12vw,13rem);
  --radius:0px; /* square corners: place/editorial */

  --btn-bg:var(--accent);
  --btn-bg-press:var(--accent-press);
  --btn-fg:var(--on-accent);
  --btn-h:48px;
  --btn-radius:0; /* paper rectangle per hero blueprint */

  --ease:var(--p-ease-out);
  --ease-soft:cubic-bezier(.33,1,.68,1);
  --t-press:140ms;
  --t-hover:180ms;
  --t-ui:240ms;
  --t-reveal:800ms;
  --t-crossfade:1.6s;
}