:root {
  
  --neutral-0:#0A0A0B;  --neutral-50:#141417; --neutral-100:#1F1F23;
  --neutral-200:#2C2C31; --neutral-300:#3E3E44; --neutral-400:#5A5A60;
  --neutral-500:#7C7C82; --neutral-600:#9E9E9C; --neutral-700:#C6C6C2;
  --neutral-800:#E8E8E4; --neutral-900:#F6F6F3;
  --cool-200:#B4C4E0; --cool-300:#83A0CE; --cool-500:#4A6FA8;
  --cool-700:#2F4A76; --cool-800:#24385A;
  --warm-200:#E5B0C6; --warm-300:#D08099; --warm-500:#B34A72;
  --warm-700:#7C2F4C; --warm-800:#5E243A;

  
  --spacing-sm:8px; --spacing-md:20px; --spacing-lg:48px; --size-hit:44px;
  --spacing-focus-offset:3px;     

  
  --font-family-display:"Skint Grotesk",sans-serif;
  --font-family-ui:"Geist","Pretendard",system-ui,sans-serif;
  --font-size-label:0.6875rem;                     
  --font-size-body:0.875rem;                    
  --font-size-subtitle:1.125rem;                   
  --font-size-title:1.375rem;                    
  --font-size-display:1.75rem;                  
  --font-size-hero:clamp(2.5rem,4.5vw,3.5rem);  
  --font-line-height-label:1.6;    --font-letter-spacing-label:0.14em;
  --font-line-height-body:1.6;     --font-letter-spacing-body:0;
  --font-line-height-subtitle:1.4; --font-letter-spacing-subtitle:0.01em;
  --font-line-height-title:1.2;    --font-letter-spacing-title:0.01em;
  --font-line-height-display:1.2;  --font-letter-spacing-display:0.01em;
  --font-line-height-hero:1.05;    --font-letter-spacing-hero:0.01em;

  
  --grain-overlay-opacity:0;
  --vignette-w:146%;            
  --vignette-h:68%;             
  --vignette-start:8%;          
  
  --grain-tile:160px;

  
  --size-logo:50px;

  
  --motion-spring-k:0.06;
  --motion-spring-damp:0.86;
  --motion-noise-scale:0.0015;
  --motion-noise-drift:0.005;
  --motion-drift-speed:0.35;
  --motion-jitter-amp:5;        
  --motion-repulse-r:110;       
  --motion-repulse-push:1.2;    
  --motion-trail-alpha:0.1;
  --motion-attract-dwell:4200ms;
  --motion-fps-floor:50;
  --motion-degrade-after:2000;
  --motion-recover-after:10000;
  
  --motion-resize-settle:150ms;
  --motion-hover:120ms;          

  
  --field-grain-size-min:3;
  --field-grain-size-max:4;
  --field-count-min:4000;
  --field-count-max:7000;
  --field-count-area-divisor:280;
  --field-count-floor:2500;
  --field-dpr-cap:2;
  --field-sample-step:5;
  --field-fit-width:0.82;
  --field-fit-height:0.72;
  --field-fit-area:0.2;
  --field-mix-cool:0.12;
  --field-mix-warm:0.12;
  
  --field-sub-scale:0.5;

  
  --rounded-none:0;

  
  --breakpoint-sm:640;
}

[data-mode="dark"]{
  --color-bg-default:var(--neutral-0);
  --color-text-primary:var(--neutral-800); --color-text-secondary:var(--neutral-500);
  --color-interactive-default:var(--cool-300);     --color-interactive-pressed:var(--cool-200);
  --color-border-focus:var(--cool-300);
  --color-grain-base:var(--neutral-800);   --color-grain-cool:var(--cool-300);
  --color-grain-warm:var(--warm-300);
}
[data-mode="light"]{
  --color-bg-default:var(--neutral-900);
  --color-text-primary:var(--neutral-100); --color-text-secondary:var(--neutral-400);
  --color-interactive-default:var(--cool-700);     --color-interactive-pressed:var(--cool-800);
  --color-border-focus:var(--cool-700);
  --color-grain-base:var(--neutral-200);   --color-grain-cool:var(--cool-700);
  --color-grain-warm:var(--warm-700);
}