/* ============================================================
   LobbyOs · Threshold brand tokens
   Drop into your project root and import once.
   ============================================================ */

:root {
  /* ─── Asphalt scale ─── */
  --asphalt-50:  #F6F5F1;
  --asphalt-100: #EDEDEA;
  --asphalt-200: #C8C8C4;
  --asphalt-300: #9A9A96;
  --asphalt-400: #7D7E83;
  --asphalt-500: #5A5B60;
  --asphalt-600: #3A3B3F;
  --asphalt-700: #26272B;
  --asphalt-800: #1C1D20;  /* primary surface, dark */
  --asphalt-900: #15161A;
  --asphalt-950: #0D0E10;

  /* ─── Amber scale ─── */
  --amber-100: #FCEFDC;
  --amber-200: #F8E0BD;
  --amber-300: #F3CD96;
  --amber-400: #ECB86A;
  --amber-500: #E0A14A;   /* primary accent */
  --amber-600: #B07628;
  --amber-700: #8C5A18;

  /* ─── Warm neutrals (print / hospitality) ─── */
  --bone-100: #F1EEE5;
  --bone-200: #E6E1D0;
  --sand-300: #DCD6C6;
  --paper:    #FFFFFF;

  /* ─── Semantic ─── */
  --jade:     #466B5A;    /* success */
  --rust:     #8A3A2A;    /* danger */

  /* ─── Aliases ─── */
  --ink:      var(--asphalt-800);
  --surface:  var(--asphalt-50);

  /* ─── Type ─── */
  --font-display: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, Menlo, monospace;

  /* ─── Radii ─── */
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  8px;
  --radius-xl:  10px;
  --radius-2xl: 12px;

  /* ─── Shadows (keep flat — no blur > 16, no opacity > 0.18) ─── */
  --shadow-soft: 0 1px 2px rgba(0,0,0,0.06), 0 12px 28px rgba(0,0,0,0.12);
  --shadow-card: 0 8px 24px rgba(0,0,0,0.08);
}

/* NOTE: глобальный body{} reset из оригинального handoff-файла удалён, чтобы не
   конфликтовать с app-shell (см. tokens.css / shell.css). Используйте переменные
   --asphalt-*, --amber-*, --jade, --rust, --font-display, --font-mono,
   --radius-*, --shadow-* вместе с базовыми токенами. */