:root {
  --gf-bg: #0a0c0f;          
  --gf-surface: #11151a;     
  --gf-surface-2: #0d1014;   
  --gf-cell: #0b0e12;        
  --gf-line: #1f262e;        
  --gf-line-2: #2a333d;      
  --gf-glass: rgba(17, 21, 26, .72);   
  --gf-hover: rgba(255, 255, 255, .06);
  --gf-fg: #e8ecf1;
  --gf-muted: #8a96a3;
  --gf-dim: #76818d;
  --gf-highlight: #ece3d0;   
  --gf-accent: #7aa2ff;      
  --gf-up: #3ddc97;          
  --gf-down: #ff6b6b;        
  --gf-warn: #e3b341;        
  --gf-susp: #c8a6ff;        
  --gf-btn: #e8ecf1;         
  --gf-btn-fg: #0a0c0f;
  --gf-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --gf-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --gf-radius-sm: 8px;       
  --gf-radius: 10px;         
  --gf-radius-lg: 14px;      
  --gf-ease: cubic-bezier(.2, .7, .2, 1);
  --gf-flash: 1400ms;        
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --gf-bg: #f3f4f6; --gf-surface: #ffffff; --gf-surface-2: #fafbfc; --gf-cell: #f5f6f8;
    --gf-line: #e1e5ea; --gf-line-2: #cdd3db; --gf-glass: rgba(255, 255, 255, .72); --gf-hover: rgba(14, 18, 23, .05);
    --gf-fg: #0e1217; --gf-muted: #56626e; --gf-dim: #646e79; --gf-highlight: #2a3a5c;
    --gf-accent: #2f5bd3; --gf-up: #08784a; --gf-down: #c0392f; --gf-warn: #946100; --gf-susp: #7444d6;
    --gf-btn: #0e1217; --gf-btn-fg: #ffffff;
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --gf-bg: #f3f4f6; --gf-surface: #ffffff; --gf-surface-2: #fafbfc; --gf-cell: #f5f6f8;
  --gf-line: #e1e5ea; --gf-line-2: #cdd3db; --gf-glass: rgba(255, 255, 255, .72); --gf-hover: rgba(14, 18, 23, .05);
  --gf-fg: #0e1217; --gf-muted: #56626e; --gf-dim: #646e79; --gf-highlight: #2a3a5c;
  --gf-accent: #2f5bd3; --gf-up: #08784a; --gf-down: #c0392f; --gf-warn: #946100; --gf-susp: #7444d6;
  --gf-btn: #0e1217; --gf-btn-fg: #ffffff;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --gf-bg: #0a0c0f; --gf-surface: #11151a; --gf-surface-2: #0d1014; --gf-cell: #0b0e12;
  --gf-line: #1f262e; --gf-line-2: #2a333d; --gf-glass: rgba(17, 21, 26, .72); --gf-hover: rgba(255, 255, 255, .06);
  --gf-fg: #e8ecf1; --gf-muted: #8a96a3; --gf-dim: #76818d; --gf-highlight: #ece3d0;
  --gf-accent: #7aa2ff; --gf-up: #3ddc97; --gf-down: #ff6b6b; --gf-warn: #e3b341; --gf-susp: #c8a6ff;
  --gf-btn: #e8ecf1; --gf-btn-fg: #0a0c0f;
  color-scheme: dark;
}