:root{
  --color-primary:#00a7ad;
  --color-primary-strong:#008b92;
  --color-primary-dark:#006f75;
  --color-primary-deep:#044f55;
  --color-primary-light:#e9f8f8;
  --color-accent:#f4c400;
  --color-accent-soft:#fff6c9;
  --color-text:#17221d;
  --color-text-soft:#5f6f67;
  --color-text-muted:#819087;
  --color-bg:#ffffff;
  --color-bg-soft:#f4fbfb;
  --color-bg-muted:#edf7f7;
  --color-border:rgba(4,79,85,.11);
  --color-border-strong:rgba(4,79,85,.18);
  --color-danger:#b42318;
  --color-danger-bg:#fff4f2;
  --color-success:#067647;
  --shadow-xs:0 2px 10px rgba(5,42,45,.05);
  --shadow-sm:0 8px 24px rgba(5,42,45,.08);
  --shadow-md:0 20px 50px rgba(5,42,45,.12);
  --shadow-lg:0 30px 80px rgba(5,42,45,.16);
  --radius-xs:8px;
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:26px;
  --radius-xl:34px;
  --container:1200px;
  --header-height:82px;
  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --space-7:64px;
  --space-8:96px;
  --transition-fast:180ms cubic-bezier(.22,.61,.36,1);
  --transition:350ms cubic-bezier(.22,.61,.36,1);
  --transition-slow:620ms cubic-bezier(.16,1,.3,1);
  --z-header:50;
  --z-floating:60;
  --z-menu:100;
  --z-modal:200;
}