:root {
  /* Brand palette — Korean trademark service tone (mark-up.kr inspired) */
  /* Primary blue family */
  --blue: #1E72FF;
  --blue-deep: #0052CC;
  --blue-hover: #155FE0;
  --blue-pale: #E8F0FE;
  --blue-pale-2: #F0F4FE;
  --blue-pale-3: #F6F9FD;

  /* Accents */
  --red: #E5484D;
  --red-soft: #FEEBEC;
  --orange: #FF8C42;
  --orange-deep: #E5712A;
  --orange-soft: #FFF1E6;
  --yellow: #FFE066;
  --yellow-highlight: #FFE066;
  --kakao: #FBE300;

  /* Process gradient (cyan/teal) */
  --teal-light: #C3E4F5;
  --teal: #71BFD7;
  --teal-deep: #4D9FBF;

  /* Neutral */
  --ink: #2B2B2B;
  --ink-soft: #444B5C;
  --muted: #6B7280;
  --muted-2: #9CA3AF;
  --line: rgba(43, 43, 43, 0.10);
  --line-strong: rgba(43, 43, 43, 0.18);

  /* Surface */
  --bg: #FFFFFF;
  --bg-alt: #F6F9FD;
  --bg-soft: #F0F4FE;
  --surface: #FFFFFF;

  /* Footer dark */
  --footer-bg: #2B2F38;
  --footer-text: rgba(255, 255, 255, 0.7);
  --footer-line: rgba(255, 255, 255, 0.10);

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(43, 43, 43, 0.04), 0 2px 6px rgba(43, 43, 43, 0.04);
  --shadow-md: 0 4px 16px rgba(43, 43, 43, 0.08);
  --shadow-lg: 0 12px 36px rgba(43, 43, 43, 0.12);
  --shadow-blue: 0 8px 24px rgba(30, 114, 255, 0.25);
  --shadow-card: 0 4px 20px rgba(43, 43, 43, 0.06);

  /* Typography */
  --font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', system-ui, sans-serif;
  --font-display: 'Pretendard', system-ui, sans-serif;

  /* Layout */
  --container: min(1200px, 92vw);
  --container-narrow: min(960px, 92vw);
  --section-pad: clamp(64px, 9vw, 120px);

  /* Radius */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 600ms;
}