/* ramonma.online — Horizonte sobre macOS 27 Liquid Glass.
   Materiais do kit oficial Apple (jun/2026): blur + saturate, highlight
   especular interno, dark mode integral, nomes alinhados ao código. */
:root {
  color-scheme: light;
  --rm-font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --rm-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  --rm-bg: #dce7ed;
  --rm-surface: #fbfcfd;
  --rm-ink: #20242c;
  --rm-secondary: #4f5967;
  --rm-muted: #667080;
  --rm-accent: #0067c0;
  --rm-selection: rgb(0 103 192 / 14%);
  --rm-line: #dde1e6;
  --rm-fill: #edf0f3;
  /* Liquid Glass: translúcido + saturado, flutua sobre o wallpaper */
  /* Kit macOS 27: BG_BLUR 60 nos materiais; 40px aqui por custo de GPU em superfícies grandes */
  --rm-glass-blur: blur(40px) saturate(1.8);
  --rm-chrome: rgb(244 247 250 / 72%);
  --rm-sidebar: rgb(238 243 247 / 68%);
  --rm-glass: rgb(248 250 252 / 60%);
  --rm-glass-line: rgb(255 255 255 / 60%);
  --rm-highlight: inset 0 1px 0 rgb(255 255 255 / 55%);
  /* Janela: raio contínuo maior + sombra empilhada do kit */
  --rm-shadow: 0 0 0 0.5px rgb(29 46 64 / 20%), 0 24px 80px -12px rgb(13 36 55 / 35%), 0 4px 16px rgb(13 36 55 / 12%);
  --rm-dock-shadow: 0 16px 44px -12px rgb(17 37 52 / 45%), inset 0 1px 0 rgb(255 255 255 / 25%);
  --rm-radius-window: 16px;
  --rm-radius-pop: 12px;
  /* Kit: Dock r=15 @ ícones 36px (4355:8233); 22px ≈ escala 1.5x dos nossos 54px */
  --rm-radius-dock: 22px;
  --rm-spring: cubic-bezier(0.2, 1.4, 0.3, 1);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --rm-bg: #0e1622;
  /* Kit: Window BG Dark Active #1e1e1e (683:16442) */
  --rm-surface: #1e1e1e;
  --rm-ink: #f3f5f8;
  --rm-secondary: #c0c8d2;
  --rm-muted: #9aa5b4;
  --rm-accent: #91c5ff;
  --rm-selection: rgb(145 197 255 / 18%);
  --rm-line: #383f49;
  --rm-fill: #2c333c;
  /* Dark mode integral do kit: materiais profundos, não azulados */
  --rm-chrome: rgb(38 42 51 / 72%);
  --rm-sidebar: rgb(30 35 44 / 66%);
  --rm-glass: rgb(34 41 52 / 62%);
  --rm-glass-line: rgb(255 255 255 / 16%);
  --rm-highlight: inset 0 1px 0 rgb(255 255 255 / 12%);
  --rm-shadow: 0 0 0 0.5px rgb(0 0 0 / 60%), 0 24px 80px -12px rgb(0 0 0 / 65%), 0 4px 16px rgb(0 0 0 / 40%);
  --rm-dock-shadow: 0 16px 44px -12px rgb(0 0 0 / 60%), inset 0 1px 0 rgb(255 255 255 / 12%);
}