/* Luna Meeting design tokens. Ready for the room and the website.
   Type: Instrument Sans, SIL Open Font License, self hosted from ./fonts.
   Light is the default. Dark follows the system, or set data-theme="dark" on any element.
   The session room always runs dark: set data-theme="dark" on its root. */
@font-face{font-family:"Instrument Sans";src:url("fonts/InstrumentSans-Variable.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

:root{
  /* Tide, the brand ramp */
  --tide-950:#051B1C; --tide-900:#0B3C40; --tide-800:#0D4F50; --tide-700:#0F766E; --tide-600:#138F86; --tide-500:#1FA99E; --tide-400:#4DC3B8; --tide-300:#7FDDD2; --tide-200:#BFEAE5; --tide-100:#E6F6F4;
  /* Stone, warm neutrals */
  --stone-0:#FFFFFF; --stone-50:#F8F6F1; --stone-100:#EFECE5; --stone-200:#E0DCD2; --stone-300:#C9C4B8; --stone-500:#8A8679; --stone-700:#55534A; --stone-900:#24231F;
  /* Ember, the accent. Primary buttons, status and the orbit disc. Never a link or a background */
  --ember-400:#FF8A3D; --ember-700:#B04A08;

  /* Room, fixed dark surfaces for the waiting room and session room */
  --room-bg:#071A1C; --room-stage:#0C2628; --room-rail:#0A1F21; --room-line:#1B4044; --room-orbit-ring:#2F5E5C; --room-orbit-disc:#FF8A3D; --room-video-black:#040E0F;

  /* Type */
  --font:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-display:56px; --fs-title:32px; --fs-heading:20px; --fs-body:16px; --fs-small:14px; --fs-label:13px; --fs-countdown:84px;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600;
  --lh-tight:1.1; --lh-snug:1.3; --lh-body:1.55;
  --ls-tight:-.022em; --ls-snug:-.012em;

  /* Space, a 4px base */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;

  /* Radius. Small on purpose: the mark carries the only big curve */
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-full:999px;

  /* Motion */
  --ease:cubic-bezier(.2,.7,.2,1); --dur-fast:140ms; --dur-base:220ms;

  /* Theme: light */
  --bg:#F8F6F1; --surface:#FFFFFF; --surface-2:#EFECE5; --border:#E0DCD2; --border-strong:#C9C4B8; --text:#0B3C40; --text-muted:#3E5F5D; --primary:#FF8A3D; --primary-hover:#F0742A; --on-primary:#0B2A2C; --link:#0F766E; --status:#B04A08; --focus:#1FA99E; --mark:#0F766E; --wordmark:#0B3C40; --shadow-1:0 1px 2px rgba(11,60,64,.06); --shadow-2:0 12px 32px -12px rgba(11,60,64,.18);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#071A1C; --surface:#0D2527; --surface-2:#133335; --border:#214A4C; --border-strong:#2F5E5C; --text:#EEF4F2; --text-muted:#A3BDB9; --primary:#FF8A3D; --primary-hover:#FFA264; --on-primary:#0B2A2C; --link:#7FDDD2; --status:#FF8A3D; --focus:#4DC3B8; --mark:#FFFFFF; --wordmark:#FFFFFF; --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 16px 40px -16px rgba(0,0,0,.6);
}}
[data-theme="dark"]{
  --bg:#071A1C; --surface:#0D2527; --surface-2:#133335; --border:#214A4C; --border-strong:#2F5E5C; --text:#EEF4F2; --text-muted:#A3BDB9; --primary:#FF8A3D; --primary-hover:#FFA264; --on-primary:#0B2A2C; --link:#7FDDD2; --status:#FF8A3D; --focus:#4DC3B8; --mark:#FFFFFF; --wordmark:#FFFFFF; --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 16px 40px -16px rgba(0,0,0,.6);
}
[data-theme="light"]{
  --bg:#F8F6F1; --surface:#FFFFFF; --surface-2:#EFECE5; --border:#E0DCD2; --border-strong:#C9C4B8; --text:#0B3C40; --text-muted:#3E5F5D; --primary:#FF8A3D; --primary-hover:#F0742A; --on-primary:#0B2A2C; --link:#0F766E; --status:#B04A08; --focus:#1FA99E; --mark:#0F766E; --wordmark:#0B3C40; --shadow-1:0 1px 2px rgba(11,60,64,.06); --shadow-2:0 12px 32px -12px rgba(11,60,64,.18);
}