/* ─────────────────────────────────────────────────────────────────
   은혜 제작소 Design System — tokens (single source of truth)
   Mapped 1:1 from design-system-kit/tokens.json. Do not invent values.
   ───────────────────────────────────────────────────────────────── */
:root {
  /* brand */
  --ds-brand-deep: #511BB2;
  --ds-brand: #6F3AD0;
  --ds-brand-light: #9D75EC;

  /* brand tints */
  --ds-tint-a10: rgba(111, 58, 208, 0.1);
  --ds-tint-soft: #F0EBFA;
  --ds-tint-iconbg: #EDE9FE;
  --ds-tint-pressed: #E0D1FF;
  --ds-tint-cardsel: #F8F7FF;

  /* ink ramp */
  --ds-ink-900: #1A1A26;
  --ds-ink-800: #2F2F40;
  --ds-ink-700: #4F4F63;
  --ds-ink-600: #6E6E84;
  --ds-ink-500: #8C8CA0;
  --ds-ink-400: #B5B5C4;
  --ds-ink-300: #D5D5DE;
  --ds-ink-200: #E8E8EE;
  --ds-ink-100: #F4F4F7;
  --ds-ink-50: #FAFAFB;

  /* semantic */
  --ds-bg: #FAFAFB;
  --ds-card: #ffffff;
  --ds-border: #E8E8EE;
  --ds-border-strong: #E2E8F0;
  --ds-input-bg: #FAFAFB;
  --ds-ring: #6F3AD0;

  /* status */
  --ds-success: #51B41B;
  --ds-error: #F95C5C;
  --ds-error-bg: #FEEEEE;
  --ds-error-strong: #AD4040;

  /* CTA */
  --ds-cta-gradient: linear-gradient(85.22deg, #B32AE5 3.86%, #8551EF 50%, #4882FF 96.14%);
  --ds-cta-shadow: 0 8px 8px rgba(111, 58, 208, 0.16);

  /* radius scale */
  --ds-r-sm: 8px;
  --ds-r-md: 10px;
  --ds-r-input: 12px;
  --ds-r-card: 14px;
  --ds-r-cardlg: 18px;
  --ds-r-result: 20px;
  --ds-r-modal: 16px;
  --ds-r-pill: 999px;

  /* elevation */
  --ds-shadow-card: 0 1px 2px rgba(26,26,38,0.04);
  --ds-shadow-modal: 0 24px 60px -12px rgba(26,26,38,0.35);
  --ds-shadow-toast: 0 8px 16px rgba(0,0,0,0.1);

  /* layout — GNB height drives sticky offsets + toast position */
  --ds-gnb-h: 80px;
  --ds-toast-top: 130px; /* GNB(80) + 50 */
  --ds-pad: 40px;
}

@media (max-width: 767px) {
  :root {
    --ds-gnb-h: 50px;
    --ds-toast-top: 100px; /* GNB(50) + 50 */
    --ds-pad: 16px;
  }
}