/* ROOM360 — Illustrated Luxury: the shared design tokens. Every other stylesheet reads from these.
   Rules and usage: ROOM360_SIGNATURE.md */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500;600&display=swap');

:root {
  /* official colours */
  --r360-orange: #E55604;          /* Spice Orange: actions, the lit floor, small markers, the sun */
  --r360-vanilla: #EBE4D1;         /* Vanilla Canvas: paper, editorial surfaces */
  --r360-atlantic: #26577C;        /* Atlantic Blue: ink lines, type, dark panels, glass */
  /* tonal steps made from them */
  --r360-orange-hi: #FF6A2E;  --r360-orange-lo: #C24A0B;
  --r360-vanilla-hi: #F3EEE1; --r360-vanilla-lo: #DDD3BA;  --r360-paper: #E1DAC5;
  --r360-atlantic-hi: #7FA9CC; --r360-atlantic-lo: #15324A; --r360-ink: #15324A; --r360-chalk: #F1EDE5;

  /* type: Instrument Serif for display and emphasis, Inter Tight standing in for Neue Montreal (web licence pending) */
  --r360-serif: 'Instrument Serif', 'Italiana', Georgia, serif;
  --r360-sans: 'Inter Tight', 'Barlow', 'Helvetica Neue', Arial, sans-serif;
  --r360-script: 'Allura', cursive;
  --r360-label-track: 2.6px;

  /* glass */
  --r360-glass: linear-gradient(180deg, rgba(74, 90, 102, 0.86) 0%, rgba(40, 54, 66, 0.92) 100%);
  --r360-glass-rim: rgba(214, 228, 234, 0.48);
  --r360-hot: linear-gradient(180deg, #FF7A3E 0%, #FF5A1F 52%, #F04A10 100%);

  /* motion */
  --r360-ease: cubic-bezier(.2, .8, .2, 1);
  --r360-fast: .35s; --r360-mid: .6s; --r360-slow: 1.2s;
}
/* expressive emphasis: an italic Instrument Serif word inside any heading */
.r360-em, h1 em, h2 em { font-family: var(--r360-serif); font-style: italic; }