:root {
  --g-50:  #F8F9FA;
  --g-100: #E9ECEF;
  --g-200: #DEE2E6;
  --g-300: #CED4DA;
  --g-400: #ADB5BD;   
  --silver:#C0C0C0;   
  --g-500: #6C757D;   
  --g-600: #495057;   
  --ink:   #212529;   
  --white: #FFFFFF;   
  --bg:           var(--g-50);
  --surface:      var(--white);
  --surface-dark: var(--g-600);
  --text:         var(--ink);
  --text-muted:   var(--g-500);
  --text-inverse: var(--g-50);
  --accent:       var(--silver);
  --role-muted:   var(--g-600);  
  --line:         var(--g-200);
  --line-dark:    var(--g-600);
  --font-body:    'Lato', system-ui, sans-serif;
  --font-display: 'Playfair Display', 'Lato', serif;
  --r-sm: 4px;
  --r-md: 8px;
  --shadow-lift:  0 12px 28px rgba(33, 37, 41, .14);
  --shadow-rest:  0 2px 8px rgba(33, 37, 41, .07);
  --lift-ease: 180ms cubic-bezier(.2, .7, .3, 1);
}
body.v1 {
  --bg: var(--g-50);
  --surface-dark: var(--ink);
  --hero-a: var(--g-50);      
  --hero-mid: var(--g-200);
  --hero-b: var(--g-600);     
  --hero-text: var(--ink);
  --card-light-bg: var(--white);
  --card-dark-bg: var(--ink);
  --card-line: var(--g-300);
  --card-light-text: var(--ink);
  --card-dark-text: var(--g-50);
}