@font-face {
  font-family: 'Pretendard Variable';
  src: url('../assets/brand/pretendard-variable.woff2') format('woff2');
  font-weight: 45 920;
  font-display: block;
}
:root {
  
  --sky-050: #F0F3F4;      
  --sky-100: #E7EDF1;      
  --sky-200: #DFE8EF;      
  --ink-900: #172D40;      
  --ink-700: #263D50;      
  --ink-500: #455E70;      
  --night-900: #0E1B27;    
  --night-800: #16283A;    
  --platinum-300: #A9B9C8; 
  --platinum-500: #7F93A6; 
  --line-300: #B5C7D5;     
  --line-200: #C9D4DD;     
  --line-100: #D3DDE5;     
  --blue-500: #0C82EC;     
  --blue-700: #175888;     
  --green-700: #2F6B4F;    
  --amber-700: #8A5300;    
  --red-700: #A3312A;      
  --white: #FFFFFF;

  
  --surface-canvas: var(--sky-050);
  --surface-mist: var(--sky-100);
  --surface-pressed: var(--sky-200);
  --surface-field: var(--white);
  --surface-stage: var(--night-900);
  --text-title: var(--ink-900);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-link: var(--blue-700);
  --text-on-stage: var(--sky-050);
  --text-on-stage-muted: var(--platinum-300);
  --action-primary: var(--night-900);
  --action-primary-pressed: var(--night-800);
  --line-strong: var(--line-300);
  --line-hair: var(--line-200);
  --line-soft: var(--line-100);
  --brand-mark: var(--blue-500);
  --status-received: var(--ink-500);
  --status-progress: var(--blue-700);
  --status-done: var(--green-700);
  --status-warn: var(--amber-700);
  --status-error: var(--red-700);

  
  --font: 'Pretendard Variable', 'Pretendard', 'Apple SD Gothic Neo', sans-serif;
  --display-xl: 200 36px/44px var(--font);   
  --display-hero: 200 44px/52px var(--font); 
  --figure: 200 40px/46px var(--font);       
  --title: 300 22px/28px var(--font);        
  --heading: 400 19px/26px var(--font);      
  --body: 400 16px/26px var(--font);
  --small: 400 14px/22px var(--font);
  --caption: 400 13px/19px var(--font);
  --section: 500 14px/20px var(--font);      
  --micro: 500 11px/16px var(--font);        
  --button: 500 16px/20px var(--font);       
  --tracking-display: -0.035em;
  --tracking-micro: 0.22em;
  --tracking-micro-ko: 0.06em;
  --tracking-button: 0.06em;

  
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 40px; --space-8: 48px;
  --gutter: var(--space-5);
  --rule-width: 28px;           
  --hero-height: 520px;         
  --bottom-bar-height: 98px;    
  --choice-height: 56px;
  --row-min: 72px;
  --radius-none: 0px;
  --radius-sheet: 16px;         
}