:root {
  
  --g1: #0F0F0F;             
  --g2: #1A1A1A;             
  --g3: #3A3A3A;             
  --g4: #6A6A6A;             
  --g5: #8A8A8A;             
  --g6: #AAAAAA;             
  --g7: #CCCCCC;             
  --g8: #E0E0E0;             
  --g9: #F0F0F0;             
  --g10: #F5F5F5;            
  --g11: #FAFAFA;            
  --g12: #FFFFFF;            

  
  --bg: var(--g11);
  

  
  --text: var(--g2);
  

  
  --accent:        #C97B3F;      
  

  
  --danger:        #A03B3B;      
  

  
  --success:       #5F7D52;      
  
  --warn:          #B08640;      
  

  
  --fs-mono: 10px;           
  
  --fs-small: 12px;          
  --fs-body: 14px;           
  --fs-lead: 18px;           
  --fs-h3: 24px;             
  --fs-h2: 40px;             
  --fs-h1: 64px;             
  --fs-hero: 96px;           
  --fs-display: 144px;       

  
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  
  --s-11: 160px;

  
  --sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Helvetica Neue", Arial, sans-serif;
  
  --serif: "Source Han Serif SC", "Noto Serif SC", "Noto Serif CJK SC", "Songti SC", "STSong", "SimSun", Georgia, serif;
  
  --mono: "JetBrains Mono", "SF Mono", "Cascadia Mono", Menlo, Consolas, "Noto Sans Mono CJK SC", monospace;

  
  --c-bg: var(--g11);
  --c-bg-2: var(--g10);
  --c-bg-soft: var(--g10);
  --c-card: var(--g12);
  --c-card-glass: var(--g12);
  --c-text: var(--g2);
  --c-text-2: var(--g3);
  --c-text-3: var(--g4);
  --c-border: var(--g9);
  
  --c-primary: var(--g2);
  --c-primary-h: var(--g1);
  
  --c-gold: var(--accent);
  --c-gold-soft: #F4E9DC;
  
  --c-success: var(--success);
  --c-warn: var(--warn);
  
  --c-danger: var(--danger);
  
  --shadow-sm: none;
  --shadow: none;
  --shadow-lg: none;
  
  --radius: 0;
  --radius-sm: 0;
  
  --font-sans: var(--sans);
  --font-serif: var(--serif);
}


[data-theme="mono"] {  }

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  font-family: var(--sans);
  background: var(--bg);
  color: var(--text);
  font-size: var(--fs-body);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--g1); }