/* SealMatter design tokens: deep sea glass, aqua and mint. */
:root, :host {
  --abyss: #051821;
  --deep: #0a2a36;
  --tide: #0e3b4a;
  --lagoon: #0e8a93;
  --aqua: #2fb7ff;
  --mint: #2be0a8;
  --glacier: #bff5ea;
  --frost: #eaf7fa;
  --muted: #8fb3bc;
  --faint: #5d8590;
  --amber: #ffb547;
  --coral: #ff7a7a;

  --glass: rgba(255, 255, 255, 0.055);
  --glass-strong: rgba(255, 255, 255, 0.09);
  --edge: rgba(191, 245, 234, 0.14);
  --edge-strong: rgba(47, 183, 255, 0.5);
  --sheen: linear-gradient(135deg, rgba(47, 183, 255, 0.55), rgba(43, 224, 168, 0.35) 45%, rgba(191, 245, 234, 0.08));

  --r-xl: 28px;
  --r-lg: 20px;
  --r-md: 14px;
  --r-sm: 10px;

  --font-display: "Unbounded", "Segoe UI", system-ui, sans-serif;
  --font-body: "Figtree", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --shadow-deep: 0 40px 80px -40px rgba(0, 0, 0, 0.75), 0 2px 0 rgba(255, 255, 255, 0.04) inset;
  --blur: blur(22px) saturate(150%);
  color-scheme: dark;
}