:root {
  --tbs-deep-dark:    #1A0E08;  
  --tbs-sienna:       #3D1F0F;  
  --tbs-amber:        #D4854A;  
  --tbs-sage:         #9CAE9A;  
  --tbs-linen:        #FAF3E8;  
  --tbs-linen-deep:   #F0E6D3;  
  --tbs-sienna-tint:   #5A3520;  
  --tbs-amber-deep:    #B86A33;  
  --tbs-amber-soft:    #E8B98A;  
  --tbs-amber-wash:    #F6E7D6;  
  --tbs-sage-deep:     #6F8470;  
  --tbs-sage-wash:     #E7ECE5;  
  --tbs-linen-line:    #E2D3BC;  
  --ink-strong:    var(--tbs-sienna);        
  --ink-body:      rgba(61, 31, 15, 0.82);   
  --ink-muted:     rgba(61, 31, 15, 0.58);   
  --ink-faint:     rgba(61, 31, 15, 0.40);   
  --ink-on-dark:   var(--tbs-linen);         
  --ink-on-dark-muted: rgba(250, 243, 232, 0.55);
  --ink-on-amber:  var(--tbs-deep-dark);     
  --ink-accent:    var(--tbs-amber-deep);    
  --surface-page:     var(--tbs-linen);      
  --surface-card:     #FFFFFF;               
  --surface-sunken:   var(--tbs-linen-deep); 
  --surface-amber:    var(--tbs-amber);      
  --surface-sage:     var(--tbs-sage);       
  --surface-dark:     var(--tbs-sienna);     
  --surface-deep:     var(--tbs-deep-dark);  
  --line-soft:    var(--tbs-linen-line);     
  --line-strong:  rgba(61, 31, 15, 0.18);    
  --line-accent:  var(--tbs-amber);          
  --line-on-dark: rgba(250, 243, 232, 0.16); 
  --status-positive:  var(--tbs-sage-deep);  
  --status-attention: var(--tbs-amber-deep); 
  --status-positive-wash:  var(--tbs-sage-wash);
  --status-attention-wash: var(--tbs-amber-wash);
}
:root {
  --font-serif: 'Lora', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:  'DM Mono', 'SFMono-Regular', ui-monospace, monospace;
  --font-display: var(--font-serif);  
  --font-body:    var(--font-sans);   
  --font-label:   var(--font-mono);   
  --fw-light:    300;  
  --fw-regular:  400;  
  --fw-medium:   500;  
  --fw-semibold: 600;  
  --fw-bold:     700;  
  --fs-2xs:   0.6875rem;  
  --fs-xs:    0.75rem;    
  --fs-sm:    0.8125rem;  
  --fs-base:  0.875rem;   
  --fs-md:    1rem;       
  --fs-lg:    1.0625rem;  
  --fs-xl:    1.5rem;     
  --fs-2xl:   1.875rem;   
  --fs-3xl:   2.5rem;     
  --fs-4xl:   3.25rem;    
  --fs-5xl:   4.25rem;    
  --lh-tight:   1.15;  
  --lh-snug:    1.3;   
  --lh-body:    1.6;   
  --lh-relaxed: 1.75;  
  --ls-mono:    0.2em;    
  --ls-mono-sm: 0.12em;   
  --ls-tight:   -0.01em;  
  --ls-normal:  0;        
}
:root {
  --space-0:   0;
  --space-1:   0.25rem;  
  --space-2:   0.5rem;   
  --space-3:   0.75rem;  
  --space-4:   1rem;     
  --space-5:   1.5rem;   
  --space-6:   2rem;     
  --space-7:   2.5rem;   
  --space-8:   3rem;     
  --space-9:   4rem;     
  --space-10:  5rem;     
  --space-12:  6rem;     
  --gutter-card:     2rem;    
  --gutter-section:  4rem;    
  --gap-stack:       0.9rem;  
  --measure-prose:  64ch;     
  --container-text: 720px;    
  --container-wide: 1080px;   
  --canvas-square:     1080px;  
  --canvas-portrait-w: 1080px;
  --canvas-portrait-h: 1350px;  
  --canvas-hero-w:     1536px;  
  --canvas-hero-h:     1024px;
  --canvas-li-w:       1200px;  
  --canvas-li-h:       1500px;  
}
:root {
  --radius-xs:   3px;    
  --radius-sm:   6px;    
  --radius-md:   10px;   
  --radius-lg:   16px;   
  --radius-xl:   24px;   
  --radius-pill: 999px;  
  --border-hair: 1px;
  --border-rule: 2px;    
  --border-mark: 3px;    
  --shadow-xs:  0 1px 2px rgba(26, 14, 8, 0.06);
  --shadow-sm:  0 2px 6px rgba(26, 14, 8, 0.07);
  --shadow-md:  0 6px 18px rgba(26, 14, 8, 0.09);
  --shadow-lg:  0 16px 40px rgba(26, 14, 8, 0.12);
  --shadow-amber: 0 8px 24px rgba(184, 106, 51, 0.22); 
  --focus-ring: 0 0 0 3px rgba(212, 133, 74, 0.40);
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1);   
  --ease-soft:  cubic-bezier(0.4, 0, 0.2, 1);        
  --dur-fast:   140ms;  
  --dur-base:   220ms;  
  --dur-slow:   400ms;  
}