/* SmartBid by Alago, site preview D: tokens. Light = pale sky air + navy ink + brand blue; orange belongs to jackpots only.
   The "shot" tokens describe what a real screenshot of an auction page and of our card looks like: they do NOT change in dark mode (a screenshot is a picture). */
:root {
  --space-3xs: 2px; --space-2xs: 4px; --space-xs: 8px; --space-sm: 12px; --space-md: 16px; --space-lg: 24px; --space-xl: 40px; --space-2xl: 64px; --space-3xl: 96px; --space-4xl: 128px;
  --text-xs: 0.875rem; --text-sm: 0.9375rem; --text-md: 1rem; --text-lg: 1.1875rem; --text-xl: 1.5rem; --text-2xl: 2rem;
  --text-display: clamp(2.5rem, 4.3vw, 4.25rem);
  --text-section: clamp(1.75rem, 2.2vw + 0.75rem, 2.75rem);
  --text-quiet: clamp(1.375rem, 1.1vw + 1rem, 1.875rem);
  --text-lead: clamp(1.0625rem, 0.5vw + 0.95rem, 1.3125rem);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms; --dur-short: 220ms; --dur-long: 600ms;
  --container: 1360px; --gutter: 40px;
  --z-dropdown: 100; --z-sticky: 200; --z-toast: 500;

  --paper: #f3f7fe;
  --paper-glow: #dce8ff;
  --surface: #ffffff;
  --surface-2: #eaf1fe;
  --surface-3: #dbe7fd;
  --ink: #0b1636;
  --ink-2: #2b3a63;
  --muted: #475781;
  --line: #d5e0f4;
  --line-strong: #b4c7ea;
  --accent: #0640d2;
  --accent-hover: #0532a8;
  --accent-ink: #ffffff;
  --accent-text: #0640d2;
  --accent-soft: #e3ebff;
  --focus: #0a4be0;
  --ok: #17703a;

  --jp: #ff8a1f;
  --jp-deep: #e86a00;
  --jp-ink: #1f1100;
  --jp-soft: #fff1d9;
  --jp-hot: #fff0cf;
  --jp-hot-line: #ffb347;
  --jp-bid: #a8300a;
  --jp-text: #8a3a00;

  --band-navy: #071a4d;
  --closing: #0640d2;
  --closing-ink: #ffffff;
  --closing-ink-2: #dbe6ff;

  --shadow-card: 0 1px 2px rgba(11, 22, 54, 0.05), 0 18px 40px -22px rgba(11, 22, 54, 0.28);
  --shadow-lift: 0 2px 4px rgba(11, 22, 54, 0.06), 0 28px 56px -26px rgba(6, 40, 130, 0.45);

  /* constant: look of a real screenshot (auction page + our card) */
  --shot-page: #f4f6fa;
  --shot-bar: #e3e8f0;
  --shot-skel: #dde3ee;
  --shot-skel-2: #cbd4e4;
  --shot-text: #0f1730;
  --shot-label: #27304a;
  --shot-mute: #5b657c;
  --shot-line: #e8ecf3;
  --shot-blue: #0640d2;
  --shot-brand: #0a3bc8;
  --shot-brand-by: #4d64ad;

  --font-display: "Manrope", "Noto Sans Georgian", system-ui, "Segoe UI", sans-serif;
  --font-body: "Inter", "Noto Sans Georgian", system-ui, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;

  --radius-s: 10px; --radius-m: 16px; --radius-l: 24px; --radius-xl: 32px; --radius-pill: 999px;
  color-scheme: light dark;
}

/* Georgian page: Noto Sans Georgian goes first (Manrope and Inter have no Georgian letters; the Latin and the digits still come from them via unicode-range) */
html[lang="ka"] {
  --font-display: "Noto Sans Georgian", "Manrope", system-ui, "Segoe UI", sans-serif;
  --font-body: "Noto Sans Georgian", "Inter", system-ui, "Segoe UI", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0a1226;
    --paper-glow: #12265a;
    --surface: #121c38;
    --surface-2: #19264b;
    --surface-3: #22325f;
    --ink: #eef3ff;
    --ink-2: #c6d2f0;
    --muted: #a3b3dc;
    --line: #26376a;
    --line-strong: #3a4f8c;
    --accent: #2b62ec;
    --accent-hover: #4a7bf3;
    --accent-ink: #ffffff;
    --accent-text: #93b4ff;
    --accent-soft: #1b2c5e;
    --focus: #9dbbff;
    --ok: #62d08c;

    --jp: #ff9433;
    --jp-deep: #ff8a1f;
    --jp-ink: #1f1100;
    --jp-soft: #3a2810;
    --jp-hot: #3d2b10;
    --jp-hot-line: #ff9433;
    --jp-bid: #ffb487;
    --jp-text: #ffc58f;

    --closing: #1d4fd1;
    --closing-ink: #ffffff;
    --closing-ink-2: #d5e2ff;

    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 18px 40px -22px rgba(0, 0, 0, 0.7);
    --shadow-lift: 0 2px 4px rgba(0, 0, 0, 0.35), 0 28px 56px -26px rgba(0, 0, 0, 0.8);
  }
}