/* SocialBoost theme tokens: the Mission Control console world. */
@font-face { font-family: "B612"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/B612-400.woff2") format("woff2"); }
@font-face { font-family: "B612"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/B612-700.woff2") format("woff2"); }
@font-face { font-family: "B612 Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/B612Mono-400.woff2") format("woff2"); }
@font-face { font-family: "B612 Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/B612Mono-700.woff2") format("woff2"); }
@font-face { font-family: "Michroma"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/Michroma-400.woff2") format("woff2"); }

:root {
  color-scheme: dark;

  /* Console materials */
  --ground: #0A0F14;      /* the room */
  --panel: #111820;       /* module face */
  --panel-2: #0D1319;     /* recessed cell */
  --bezel: #1E2A35;       /* hairline edge */
  --bezel-2: #2A3A48;     /* raised edge / unlit lamp */
  --ink: #DCE3EA;         /* body text */
  --ink-2: #8FA3B5;       /* engraved labels, secondary text (tinted from the panel hue) */
  --ink-3: #72889C;       /* struck / disabled; 5.2:1 on ground, 4.9:1 on panel */

  /* Signals */
  --green: #00E38C;       /* data, GO, telemetry */
  --green-2: #0B6B4A;     /* green at rest */
  --green-glow: rgba(0, 227, 140, 0.35);
  --amber: #F2C94C;       /* caution, NO GO, partial */
  --amber-glow: rgba(242, 201, 76, 0.35);
  --red: #FF5A5A;         /* failure */
  --orange: #FF7A2A;      /* the one live control: ignition */
  --orange-2: #C9561A;
  --orange-glow: rgba(255, 122, 42, 0.4);

  /* Type */
  --font-body: "B612", "Segoe UI", system-ui, sans-serif;
  --font-mono: "B612 Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-label: "Michroma", "B612", sans-serif;
  --text-xs: 0.72rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.1rem);
  --text-display: clamp(2rem, 1.2rem + 3.4vw, 3.6rem);
  --lh-body: 1.55;

  /* Rhythm */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4.5rem;
  --s-9: 6rem;
  --gutter: 1rem;
  --wrap: 1200px;

  /* Shape */
  --r: 6px;
  --r-sm: 3px;
  --line: 1px solid var(--bezel);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 160ms;
  --t-med: 320ms;
  --t-slow: 700ms;
}

@media (min-width: 720px) {
  :root { --gutter: 1.5rem; }
}