:root {

  --p-950: #1B0F3D;
  --p-900: #2A1760;
  --p-800: #45249E;
  --p-700: #5A2FC2;
  --p-600: #6D45D0;
  --p-500: #8566DA;
  --p-400: #A98BF0;
  --p-300: #BBA8EE;
  --p-200: #DCD2F7;
  --p-100: #EEE9FC;
  --p-50:  #F7F4FE;


  --n-950: #15121C;
  --n-900: #1E1A26;
  --n-800: #2E2937;
  --n-700: #474151;
  --n-600: #5F5869;
  --n-500: #736C7E;
  --n-400: #9C96A5;
  --n-300: #C9C4D0;
  --n-200: #E6E2EB;
  --n-150: #EEEBF2;
  --n-100: #F4F2F7;
  --n-50:  #FAF9FC;


  --urgent: #C8480F;
  --ok: #13875A;


  --brand: var(--p-700);
  --brand-hover: var(--p-800);
  --brand-deep: var(--p-900);
  --brand-ink: var(--p-950);
  --brand-soft: var(--p-100);
  --brand-wash: var(--p-50);
  --logo-light: var(--p-400);
  --ink: var(--n-900);
  --ink-2: var(--n-700);
  --ink-3: var(--n-600);
  --line: var(--n-200);
  --line-soft: var(--n-150);
  --surface: #FFFFFF;
  --surface-2: var(--n-50);
  --surface-3: var(--n-100);
  --focus-ring: 0 0 0 3px rgba(90, 47, 194, 0.28);


  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --track-display: -0.035em;
  --track-head: -0.025em;
  --track-body: -0.01em;


  --shadow-1: 0 1px 2px rgba(27, 15, 61, 0.05), 0 6px 18px -8px rgba(27, 15, 61, 0.10);
  --shadow-2: 0 18px 40px -18px rgba(27, 15, 61, 0.28), 0 2px 8px rgba(27, 15, 61, 0.06);
  --shadow-phone: 0 40px 80px -30px rgba(27, 15, 61, 0.45), 0 10px 24px -12px rgba(27, 15, 61, 0.25);


  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --dur-fast: 160ms;
  --dur: 240ms;
  --dur-slow: 520ms;


  --z-sticky: 20;
  --z-float: 40;
  --z-dialog: 100;
  --z-toast: 120;
}


::selection { background: var(--p-200); color: var(--p-950); }
html { color-scheme: light; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; accent-color: var(--brand); }
body { caret-color: var(--brand); }
:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }
@supports (scrollbar-color: auto) { html { scrollbar-color: var(--n-300) transparent; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}