/* Vendor Liquid Glass design tokens — independent of Seahorse.
   Pair with liquid-glass-vendor.css + liquid-glass.js.
   Distinct from the house sheet at frontend/css/liquid-glass.css. */

:root {
  /* Shape */
  --lg-radius-sm: 12px;
  --lg-radius-md: 22px;
  --lg-radius-lg: 28px;
  --lg-radius-pill: 999px;
  --lg-bezel: 18;
  --lg-ior: 1.5;

  /* Regular variant (nav, dialogs, text chrome) */
  --lg-regular-tint: rgba(255, 255, 255, 0.12);
  --lg-regular-tint-dark: rgba(8, 12, 24, 0.28);
  --lg-regular-blur: 0.8;
  --lg-regular-sat: 1.45;
  --lg-regular-bright: 1.08;
  --lg-regular-refraction: 1;
  --lg-regular-aberration: 8;

  /* Clear variant (rich backdrops only) */
  --lg-clear-tint: rgba(255, 255, 255, 0.05);
  --lg-clear-blur: 0.25;
  --lg-clear-sat: 1.2;
  --lg-clear-bright: 1.12;
  --lg-clear-refraction: 1.15;
  --lg-clear-aberration: 10;

  /* Lens variant (loupe) */
  --lg-lens-tint: rgba(255, 255, 255, 0.04);
  --lg-lens-blur: 0.15;
  --lg-lens-refraction: 1.45;
  --lg-lens-aberration: 14;

  /* Rim / specular / shadow */
  --lg-border: rgba(255, 255, 255, 0.38);
  --lg-border-inner: rgba(255, 255, 255, 0.55);
  --lg-rim-dark: rgba(20, 24, 40, 0.22);
  --lg-highlight: 0.42;
  --lg-lx: 28%;
  --lg-ly: 18%;
  --lg-shadow: 0 10px 32px rgba(8, 12, 28, 0.22), 0 1px 3px rgba(8, 12, 28, 0.12);
  --lg-shadow-lg: 0 22px 50px rgba(8, 12, 28, 0.28), 0 2px 8px rgba(8, 12, 28, 0.12);

  /* Type on glass */
  --lg-ink: rgba(255, 255, 255, 0.94);
  --lg-ink-muted: rgba(255, 255, 255, 0.7);
  --lg-ink-dark: #1a2438;
  --lg-plate: rgba(12, 16, 28, 0.28);

  /* Motion */
  --lg-ease: cubic-bezier(0.175, 0.885, 0.32, 1.2);
  --lg-duration: 280ms;

  /* Fallback (Safari / reduced transparency) */
  --lg-fallback-fill: rgba(32, 38, 56, 0.88);
  --lg-fallback-border: rgba(255, 255, 255, 0.28);
  --lg-contrast-fill: #10141c;
  --lg-contrast-border: #f4f6fb;

  /* Preview world only */
  --lg-world-night: #0b1020;
}

@media (prefers-color-scheme: light) {
  :root {
    --lg-regular-tint: rgba(255, 255, 255, 0.42);
    --lg-ink: #1a2438;
    --lg-ink-muted: rgba(26, 36, 56, 0.7);
    --lg-plate: rgba(255, 255, 255, 0.45);
    --lg-fallback-fill: rgba(244, 246, 251, 0.94);
  }
}