/* pers_creative — Design Tokens */
:root {
  --black: #000000;
  --white: #ffffff;
  --pers-gray: #d9d9d9;
  --text-dim: rgba(0,0,0,0.65);
  --text-muted: rgba(0,0,0,0.3);
  --overlay: rgba(0,0,0,0.5);

  --font-en: 'Anonymous Pro', monospace;
  --font-ko: 'Noto Sans KR', sans-serif;
  --font-serif: Georgia, 'Times New Roman', serif;

  --t-base: 11px;
  --t-sm: 10px;
  --t-xs: 9px;
  --t-12: 12px;
  --t-13: 13px;
  --t-tagline: 18px;
  --t-about: 22px;
  --t-item-title: 20px;
  --lh-base: 15px;

  --sp-2xs: 2px;
  --sp-xs: 5px;
  --sp-sm: 10px;
  --sp-md: 15px;
  --sp-lg: 20px;
  --sp-xl: 30px;
  --sp-2xl: 40px;
  --sp-3xl: 60px;

  --gutter: 30px;
  --gutter-sm: 15px;
  --gnb-pt: 15px;
  --gnb-pb: 35px;
  --footer-h: 30px;
  --nav-h: 40px;
  --modal-bar-h: 40px;
  --portfolio-thumb-h: 40vh;

  --r-pill: 50px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.15s;
  --dur-mid: 0.3s;
  --dur-slow: 0.65s;

  --z-feature: 0;
  --z-about: 1;
  --z-press: 2;
  --z-contact: 3;
  --z-footer: 5;
  --z-logo: 5;
  --z-modal: 7;
  --z-nav: 10;
}