/* docs/design-system.md §10 복붙용 CSS 변수 블록.
   이 파일의 값은 사양서와 1:1로 대응한다. 사양서를 먼저 개정하지 않고 여기서 값을 바꾸지 않는다. */
:root {
  /* surface */
  --bg-canvas: #0a0a14;
  --bg-rail: #0c0c1a;
  --surface-1: #14142a;
  --surface-2: #1a1a34;

  /* text */
  --text-1: #f5f4fb;
  --text-2: #d9d7ee;
  --text-3: #a6a4c8;
  --text-4: #7d7ba1;
  --text-on-mint: #04241b;

  /* violet */
  --violet-100: #b79bff;
  --violet-200: #a78bfa;
  --violet-500: #8b5cf6;
  --violet-600: #7c3aed;
  --violet-700: #6d28d9;
  --violet-800: #5b21b6;
  --violet-900: #4c1d95;
  --violet-950: #3b0764;
  --indigo-900: #312e81;
  --indigo-950: #1e1b4b;

  /* mint */
  --mint-300: #3df0b6;
  --mint-400: #2ee6ad;
  --mint-600: #0fb98a;
  --teal-700: #0f766e;
  --teal-900: #134e4a;

  /* semantic */
  --success: #2ee6ad;
  --success-bg: rgba(46, 230, 173, .12);
  --warning: #f0c04a;
  --warning-bg: rgba(240, 192, 74, .14);
  --danger: #f07684;
  --danger-bg: rgba(240, 100, 120, .14);
  --info: #b79bff;
  --info-bg: rgba(139, 92, 246, .16);
  --neutral: #a6a4c8;
  --neutral-bg: rgba(255, 255, 255, .06);

  /* line */
  --line-card: rgba(255, 255, 255, .09);
  --line-row: rgba(255, 255, 255, .06);
  --line-input: rgba(255, 255, 255, .14);
  --line-hover: rgba(139, 92, 246, .4);
  --track: rgba(255, 255, 255, .07);
  --row-hover: rgba(255, 255, 255, .04);

  /* gradient */
  --grad-cta: linear-gradient(135deg, #3df0b6, #0fb98a);
  --grad-brand: linear-gradient(135deg, #a78bfa, #7c3aed);
  --grad-progress: linear-gradient(90deg, #8b5cf6, #2ee6ad);
  --grad-avatar: linear-gradient(135deg, #8b5cf6, #2ee6ad);
  --grad-plan: linear-gradient(160deg, rgba(139, 92, 246, .16), rgba(46, 230, 173, .08));

  /* elevation */
  --shadow-logo: 0 6px 18px -6px rgba(139, 92, 246, .6);
  --shadow-cta: 0 10px 26px -10px rgba(46, 230, 173, .5);
  --shadow-toast: 0 18px 44px -12px rgba(0, 0, 0, .7);

  /* radius */
  --r-tag: 6px;
  --r-sm: 9px;
  --r-md: 11px;
  --r-lg: 14px;
  --r-xl: 16px;
  --r-pill: 100px;

  /* layout */
  --rail-w: 236px;
  --main-pad: 26px 30px 60px;
  --gap: 14px;

  /* type */
  --font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: ui-monospace, monospace;
}