/* ==========================================================================
   Memestart design tokens — "Liquid" (V1.5, 25/10/2026)
   Pure-black product, one quiet accent (silver-white), glass surfaces.
   Green / red are reserved for PnL. See docs/DESIGN.md for the contrast table.
   ========================================================================== */
:root {
  color-scheme: dark;

  /* Surfaces — pure black, stepped by a hair of white */
  --bg-0: #000000;   /* page */
  --bg-1: #050505;   /* base surface */
  --bg-2: #0a0a0b;   /* card */
  --bg-3: #111113;   /* raised / input */
  --bg-4: #19191c;   /* hover */
  --bg-5: #232327;   /* active */

  --line-1: rgba(255, 255, 255, 0.06);
  --line-2: rgba(255, 255, 255, 0.10);
  --line-3: rgba(255, 255, 255, 0.18);

  /* Glass — translucent panels over the fluid background */
  --glass-bg: rgba(255, 255, 255, 0.035);
  --glass-bg-strong: rgba(14, 14, 16, 0.72);
  --glass-line: rgba(255, 255, 255, 0.08);
  --glass-line-hi: rgba(255, 255, 255, 0.16);
  --glass-blur: 18px;

  /* Text — neutral, no blue cast */
  --text-1: #f5f5f7;  /* primary */
  --text-2: #a4a4ad;  /* secondary (8.1:1 on bg-2) */
  --text-3: #7c7c86;  /* tertiary  (4.7:1 on bg-3) */
  --text-inverse: #000000;

  /* Signature accent — "Liquid silver": white used sparingly as the one accent */
  --accent: #ffffff;              /* fills (primary button), black text */
  --accent-hover: #e9e9ee;
  --accent-text: #e6e6ec;         /* accent used as text / focus ring */
  --accent-soft: rgba(255, 255, 255, 0.08);
  --accent-line: rgba(255, 255, 255, 0.24);
  --accent-glow: rgba(255, 255, 255, 0.16);
  --silver: linear-gradient(180deg, #ffffff 0%, #d9d9e0 45%, #8e8e99 100%);

  /* PnL — reserved for gains / losses only */
  --gain: #3ddc84;
  --gain-soft: rgba(61, 220, 132, 0.12);
  --gain-line: rgba(61, 220, 132, 0.35);
  --loss: #ff6b7a;
  --loss-soft: rgba(255, 107, 122, 0.12);
  --loss-line: rgba(255, 107, 122, 0.35);

  /* Status */
  --warn: #f5b547;
  --warn-soft: rgba(245, 181, 71, 0.12);
  --info: #9cc7ff;
  --info-soft: rgba(156, 199, 255, 0.10);

  /* Rarity (battle pass) */
  --r-common: #a4a4ad;
  --r-rare: #9cc7ff;
  --r-epic: #c9a8ff;
  --r-legendary: #f5b547;
  --r-mythic: #ff7ad9;

  /* Spacing — 4px grid */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-7: 32px; --s-8: 40px; --s-9: 56px; --s-10: 80px; --s-11: 120px;

  /* Radii — rounder than before: pills and soft glass */
  --r-xs: 6px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px; --r-2xl: 30px; --r-full: 999px;

  /* Shadows — black on black: soft, deep */
  --shadow-1: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-2: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 10px 30px rgba(0, 0, 0, 0.55);
  --shadow-3: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 30px 80px rgba(0, 0, 0, 0.7);
  --ring: 0 0 0 2px var(--bg-0), 0 0 0 4px var(--accent-text);

  /* Typography — Inter for everything, Instrument Serif italic for the one word that matters */
  --font-sans: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: var(--font-sans);
  --font-serif: "Instrument Serif", "Times New Roman", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fs-11: 0.6875rem; --fs-12: 0.75rem; --fs-13: 0.8125rem; --fs-14: 0.875rem;
  --fs-15: 0.9375rem; --fs-16: 1rem; --fs-18: 1.125rem; --fs-20: 1.25rem;
  --fs-24: 1.5rem; --fs-30: 1.875rem; --fs-36: 2.25rem; --fs-48: 3rem; --fs-64: 4rem;

  --lh-tight: 1.05; --lh-snug: 1.3; --lh-body: 1.55;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-1: 120ms; --dur-2: 200ms; --dur-3: 320ms; --dur-4: 600ms;

  /* Layout — top navigation, no sidebar */
  --sidebar-w: 0px;
  --topbar-h: 64px;
  --content-max: 1200px;
  --z-nav: 40; --z-overlay: 80; --z-modal: 90; --z-toast: 100;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-1: 0ms; --dur-2: 0ms; --dur-3: 0ms; --dur-4: 0ms; }
}