:root{
  --ui-font: "M PLUS 1p", sans-serif;
  --ui-radius-card: 14px;
  --ui-radius-control: 10px;
  --ui-space-1: 8px;
  --ui-space-2: 12px;
  --ui-space-3: 16px;
  --ui-space-4: 20px;
  --ui-space-5: 28px;
  --ui-shadow-card: 0 12px 32px rgba(10, 18, 42, 0.16);
  --ui-speed-fast: .18s;
  --ui-speed-base: .28s;
}

body.ui-skin-normal{
  --ui-bg-a:#f7f8fc;
  --ui-bg-b:#eef3fb;
  --ui-bg-c:#ffffff;
  --ui-surface:rgba(255,255,255,.84);
  --ui-surface-strong:#ffffff;
  --ui-border:rgba(33,52,86,.10);
  --ui-text:#152037;
  --ui-sub:#60708c;
  --ui-primary:#f05f45;
  --ui-primary-2:#ff8d4d;
}

body.ui-skin-pink{
  --ui-bg-a:#371126;
  --ui-bg-b:#602449;
  --ui-bg-c:#8f3964;
  --ui-surface:rgba(255,255,255,.14);
  --ui-surface-strong:rgba(255,255,255,.18);
  --ui-border:rgba(255,255,255,.28);
  --ui-text:#ffffff;
  --ui-sub:#ffd8e8;
  --ui-primary:#ff77b7;
  --ui-primary-2:#ffb0cf;
}

body.ui-skin-yellow{
  --ui-bg-a:#33240b;
  --ui-bg-b:#6c4a13;
  --ui-bg-c:#a36d1b;
  --ui-surface:rgba(255,255,255,.14);
  --ui-surface-strong:rgba(255,255,255,.18);
  --ui-border:rgba(255,255,255,.28);
  --ui-text:#ffffff;
  --ui-sub:#ffe6ad;
  --ui-primary:#ffc84b;
  --ui-primary-2:#ffe08a;
}

body.ui-skin-blue{
  --ui-bg-a:#0f1d3d;
  --ui-bg-b:#193462;
  --ui-bg-c:#2a5698;
  --ui-surface:rgba(255,255,255,.14);
  --ui-surface-strong:rgba(255,255,255,.18);
  --ui-border:rgba(255,255,255,.28);
  --ui-text:#ffffff;
  --ui-sub:#d3e3ff;
  --ui-primary:#73a9ff;
  --ui-primary-2:#a9c8ff;
}

body.ui-skin-green{
  --ui-bg-a:#0e2d28;
  --ui-bg-b:#165346;
  --ui-bg-c:#207a61;
  --ui-surface:rgba(255,255,255,.14);
  --ui-surface-strong:rgba(255,255,255,.18);
  --ui-border:rgba(255,255,255,.28);
  --ui-text:#ffffff;
  --ui-sub:#d6ffef;
  --ui-primary:#54d89d;
  --ui-primary-2:#92efc4;
}

body.ui-skin-black{
  --ui-bg-a:#02050d;
  --ui-bg-b:#081226;
  --ui-bg-c:#162745;
  --ui-surface:rgba(255,255,255,.10);
  --ui-surface-strong:rgba(255,255,255,.14);
  --ui-border:rgba(255,255,255,.24);
  --ui-text:#ffffff;
  --ui-sub:#d9e7ff;
  --ui-primary:#ff7b45;
  --ui-primary-2:#ff5f8f;
}