:root {
  /* Design base: 1920px */
  --design-w: 1920;

  /* Page */
  --bg-page: #F8F8F8;

  /* Text */
  --c-text:       #313131;
  --c-white:      #FFFFFF;
  --c-text-light: #6B6B80;
  --c-text-muted: #D5D5D5;
  --c-text-jp:    #888888;

  /* Accent colors */
  --c-blue:        #5B8DEF;
  --c-blue-light:  #8CC8E7;
  --c-purple:      #8893F2;
  --c-purple-dark: #5608AE;
  --c-teal:        #3CCED4;

  /* Gradient */
  --grad-main: linear-gradient(90deg, #8BCAE6 0%, #8E91F3 100%);
  --grad-nav-active: linear-gradient(90deg, #8CCBE6 0%, #8E90F3 100%);

  /* Font */
  --font-main: 'A2Z', 'Noto Sans KR', sans-serif;

  /* Nav (Figma: 1920 × 125.74, padding 35px) */
  --nav-h:          6.549vw;   /* 125.74 / 1920 */
  --nav-pad-x:      1.823vw;   /* 35 / 1920 */
  --nav-logo-w:     40.104vw;  /* 770 / 1920 */
  --nav-item-w:     9.375vw;   /* 180 / 1920 */
  --nav-item-h:     2.083vw;   /* 40 / 1920 */
  --nav-logo-img-w: 3.976vw;   /* 76.34 / 1920 */
  --nav-logo-img-h: 2.604vw;   /* 50 / 1920 */
  --nav-logo-txt-x: 5.029vw;   /* 96.55 / 1920 */
  --nav-logo-sz:    1.531vw;   /* 29.407 / 1920 */
  --nav-item-sz:    0.938vw;   /* 18 / 1920 */

  /* Spacing */
  --max-width:  1100px;
  --section-py: 72px;

  /* Border radius */
  --r-sm:   8px;
  --r-md:   16px;
  --r-lg:   24px;
  --r-full: 999px;

  /* Transitions */
  --t-fast:   0.2s ease;
  --t-normal: 0.35s ease;
}