/* dnbestup-clone — Design tokens (anti-template tropical Da Nang) */
:root{
  /* Brand palette */
  --warm-gold:#E8B560;
  --warm-gold-deep:#C7913C;
  --deep-ocean:#1B3A57;
  --deep-ocean-2:#0F2538;
  --coral:#FF6B5B;
  --coral-soft:#FFB4A8;
  --sand:#F5E8D0;
  --sand-2:#FAF1DE;
  --jungle:#2A4D3A;
  --cream:#FFF9EE;
  --ink:#0E1A26;
  --ink-2:#3A4A58;
  --line:#E6D5B3;
  --line-soft:#F0E2C2;

  /* Surface */
  --bg:var(--cream);
  --bg-alt:#FFFCF4;
  --surface:#FFFFFF;
  --surface-warm:var(--sand-2);

  /* Type scale (fluid) */
  --t-eyebrow:clamp(11px,.78vw,12px);
  --t-body:clamp(15px,1.05vw,16.5px);
  --t-sm:clamp(13px,.9vw,14px);
  --t-h6:clamp(15px,1.1vw,17px);
  --t-h5:clamp(18px,1.4vw,20px);
  --t-h4:clamp(22px,1.9vw,28px);
  --t-h3:clamp(28px,2.6vw,40px);
  --t-h2:clamp(36px,3.6vw,56px);
  --t-h1:clamp(44px,5.6vw,84px);
  --t-display:clamp(56px,7vw,108px);

  /* Fonts */
  --f-sans:"Pretendard","Apple SD Gothic Neo","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --f-serif:"Playfair Display","Cormorant Garamond","Noto Serif KR",Georgia,serif;
  --f-italic:"Cormorant Garamond","Playfair Display",Georgia,serif;
  --f-mono:"JetBrains Mono","SF Mono",ui-monospace,monospace;

  /* Spacing */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;

  /* Radius */
  --r-xs:4px;
  --r-sm:8px;
  --r-md:14px;
  --r-lg:22px;
  --r-xl:32px;
  --r-pill:999px;

  /* Shadow (warm) */
  --sh-1:0 1px 2px rgba(27,58,87,.06),0 1px 1px rgba(27,58,87,.04);
  --sh-2:0 8px 24px -8px rgba(27,58,87,.18),0 2px 6px rgba(27,58,87,.08);
  --sh-3:0 24px 48px -16px rgba(27,58,87,.28),0 6px 16px rgba(27,58,87,.10);
  --sh-warm:0 18px 40px -16px rgba(199,145,60,.55);

  /* Layout */
  --max:1320px;
  --gutter:clamp(20px,3vw,40px);
  --header-h:72px;

  /* Motion */
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --ease-in-out:cubic-bezier(.65,.05,.35,1);
}