:root {
  --cp-brand: #2855D9;
  --cp-brandHover: #2047B8;
  --cp-brandSoft: #EEF2FF;
  --cp-ink: #202631;
  --cp-muted: #586579;
  --cp-background: #F5F7FA;
  --cp-surface: #FFFFFF;
  --cp-border: #DCE2EA;
  --cp-success: #16724A;
  --cp-successSoft: #EAF6EF;
  --cp-warning: #8A5300;
  --cp-warningSoft: #FFF4DF;
  --cp-danger: #B42332;
  --cp-dangerSoft: #FDEEF0;
  --cp-onBrand: #FFFFFF;
  --cp-font: Inter, Arial, sans-serif;
  --cp-radius-card: 16px;
  --cp-radius-control: 10px;
  --cp-control-height: 48px;
  --cp-content-max: 1200px;
}
body { font-family:var(--cp-font); background:var(--cp-background); color:var(--cp-ink); font-size:16px; line-height:1.5; }
.cp-amount { font-variant-numeric:tabular-nums; font-weight:600; }
.cp-button { min-height:48px; border:0; border-radius:10px; padding:12px 20px; background:var(--cp-brand); color:var(--cp-onBrand); font:600 16px/24px var(--cp-font); }
.cp-button:hover { background:var(--cp-brandHover); }
:focus-visible { outline:2px solid var(--cp-brand); outline-offset:3px; }
.cp-input { min-height:48px; border:1px solid var(--cp-muted); border-radius:10px; padding:10px 14px; background:var(--cp-surface); color:var(--cp-ink); font:inherit; }
.cp-card { padding:24px; background:var(--cp-surface); border:1px solid var(--cp-border); border-radius:16px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation:none !important; transition:none !important; } }