


:root {
  
  --font-body:  'Geist', 'Noto Sans SC', system-ui, -apple-system, sans-serif;
  --font-serif: 'Geist', 'Noto Sans SC', system-ui, -apple-system, sans-serif;
  --font-quote: 'Geist', 'Noto Sans SC', system-ui, -apple-system, sans-serif;
  
  --font-mono:  'D-DIN', 'Geist Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  
  --font-hero:  'D-DIN', 'Noto Sans SC', system-ui, -apple-system, sans-serif;

  
  --fs-chip-xs:  10px;  
  --fs-mono-cap: 11px;  
  --fs-meta:     12px;  
  --fs-snippet:  13px;  
  --fs-body:     14px;  
  --fs-body-lg:  15px;  
  --fs-title:    16px;  
  --fs-title-lg: 17px;  
  --fs-h1:       22px;  
  --fs-hero:     30px;  

  
  --fw-regular:  400;  
  --fw-medium:   500;  
  --fw-semibold: 650;  

  
  --ls-mono:      0.04em;   
  --ls-mono-cap:  0.06em;   
  --ls-up-xs:     0.08em;   
  --ls-up-sm:     0.10em;   
  --ls-up-md:     0.12em;   
  --ls-up-lg:     0.14em;   
  --ls-up-xl:     0.16em;   
  --ls-tight-sm: -0.005em;  
  --ls-tight-md: -0.01em;   
  --ls-tight-lg: -0.015em;  

  
  --lh-mono:     1;      
  --lh-hero:     1.25;   
  --lh-snippet:  1.45;   
  --lh-body:     1.5;    
  --lh-quote:    1.55;   
  --lh-quote-lg: 1.65;   

  
  --r-xs:        4px;    
  --r-sm:        4px;    
  --r-button-sm: 4px;    
  --r-input:     6px;    
  --r-nav-item:  6px;    
  --r-button:    6px;    
  --r-avatar:    8px;    
  --r-sheet:     8px;    
  --r-pill:    999px;    
  --r-circle:   50%;     

  
  --duration-quick:  0.12s;                          
  --duration-snap:   0.18s;                          
  --duration-smooth: 0.26s;                          
  --ease-snap:       cubic-bezier(0.2, 0.8, 0.2, 1); 

  
  --brain-personal: var(--accent);  
  --brain-family:   #7A8B6E;
  --brain-team:     #6A7389;

  
  --tag-type-bg:   rgba(var(--ink-rgb), 0.06);   
  --tag-type-fg:   var(--ink-soft);              
  --tag-type-bd:   rgba(var(--ink-rgb), 0.12);   
  
  --tag-accent-bg: rgba(var(--accent-rgb), 0.12);
  --tag-accent-fg: var(--accent);
  
  --tag-rel-team-bg:    rgba(var(--team-rgb),   0.14);
  --tag-rel-family-bg:  rgba(var(--family-rgb), 0.13);
  --tag-rel-client-bg:  rgba(var(--client-rgb), 0.14);
  --tag-rel-friend-bg:  rgba(var(--friend-rgb), 0.15);

  
  --tag-cat-work-bg:     var(--tag-rel-team-bg);    
  --tag-cat-family-bg:   var(--tag-rel-family-bg);  
  --tag-cat-personal-bg: var(--tag-rel-client-bg);  
  --tag-cat-thought-bg:  var(--tag-rel-friend-bg);  

  
  --tag-status-live-bg:    var(--green);
  --tag-status-live-fg:    var(--bg);
  --tag-status-pending-bg: rgba(var(--accent-rgb), 0.14);
  --tag-status-pending-fg: var(--accent);
  --tag-status-ready-bg:   rgba(var(--green-rgb), 0.14);
  --tag-status-ready-fg:   var(--green);

  
  --feedback-press-weak:    rgba(var(--ink-rgb), 0.04);
  --feedback-press-medium:  rgba(var(--ink-rgb), 0.06);
  --feedback-press-accent:  rgba(var(--accent-rgb), 0.10);
  --feedback-disabled-opacity: 0.45;
}
