:root{
  --esim-brand: #007F75;
  --esim-brandHover: #006B62;
  --esim-brandPressed: #005C54;
  --esim-ink: #173530;
  --esim-muted: #5C706A;
  --esim-pale: #EAF5F2;
  --esim-paper: #F6F8F5;
  --esim-white: #FFFFFF;
  --esim-line: #CDDCD6;
  --esim-controlLine: #718A80;
  --esim-selectedText: #006B62;
  --esim-mint: #63D8C6;
  --esim-warm: #E3A24B;
  --esim-success: #1C6F52;
  --esim-successBg: #EAF6EF;
  --esim-warning: #8A5300;
  --esim-warningBg: #FFF4DB;
  --esim-error: #B43B3B;
  --esim-errorBg: #FCEDED;
  --esim-info: #295E9B;
  --esim-infoBg: #EDF3FC;
  --esim-space-4: 4px;
  --esim-space-8: 8px;
  --esim-space-12: 12px;
  --esim-space-16: 16px;
  --esim-space-24: 24px;
  --esim-space-32: 32px;
  --esim-space-48: 48px;
  --esim-space-64: 64px;
  --esim-space-96: 96px;
  --esim-font: "Outfit", "Noto Sans SC", sans-serif;
  --esim-radius-control:12px;
  --esim-radius-card:20px;
  --esim-control-height:48px;
  --esim-motion:180ms cubic-bezier(0.2,0,0,1);
}
[data-theme="dark"]{
 --esim-dark-canvas:#102620;
 --esim-dark-surface:#173530;
 --esim-dark-text:#F1F8F5;
 --esim-dark-muted:#B2C9C1;
 --esim-dark-line:#3C5B51;
 --esim-dark-controlLine:#8AA69B;
 --esim-dark-action:#63D8C6;
 --esim-dark-actionText:#102620;
}