:root {
  --pq-color-brand-950: #24134f;
  --pq-color-brand-900: #32206a;
  --pq-color-brand-700: #5540a5;
  --pq-color-brand-100: #eeeafd;
  --pq-color-canvas: #f7f1e7;
  --pq-color-surface: #fffaf2;
  --pq-color-surface-raised: #ffffff;
  --pq-color-text: #29262f;
  --pq-color-text-muted: #6d6873;
  --pq-color-border: #ddd4c8;
  --pq-color-cta: #ec6a5c;
  --pq-color-cta-hover: #d9564b;
  --pq-color-success: #35a783;
  --pq-color-success-soft: #e4f7ef;
  --pq-color-warning: #c98a24;
  --pq-color-warning-soft: #fff2d7;
  --pq-color-danger: #b33d45;
  --pq-color-danger-soft: #fce8e9;
  --pq-color-on-dark: #fbf8ff;
  --pq-font-family: Inter, "Noto Sans JP", system-ui, sans-serif;
  --pq-font-size-xs: .75rem;
  --pq-font-size-sm: .875rem;
  --pq-font-size-md: 1rem;
  --pq-font-size-lg: 1.25rem;
  --pq-font-size-xl: clamp(1.4rem, 2.6vw, 2rem);
  --pq-font-weight-regular: 400;
  --pq-font-weight-bold: 700;
  --pq-font-weight-heavy: 850;
  --pq-line-height-body: 1.65;
  --pq-space-1: 4px;
  --pq-space-2: 8px;
  --pq-space-3: 12px;
  --pq-space-4: 16px;
  --pq-space-5: 20px;
  --pq-space-6: 24px;
  --pq-space-8: 32px;
  --pq-radius-sm: 9px;
  --pq-radius-md: 12px;
  --pq-radius-lg: 20px;
  --pq-radius-round: 999px;
  --pq-shadow-card: 0 12px 32px rgb(50 32 106 / 10%);
  --pq-shadow-action: 0 8px 20px rgb(236 106 92 / 30%);
  --pq-control-min-size: 44px;
}