:root{
  --font-sans:'Open Sans',system-ui,-apple-system,sans-serif;
  --font-display:'Poppins',system-ui,sans-serif;
  --font-mono:'Open Sans',system-ui,sans-serif;
  --font-script:'Caveat',cursive;

  --gray-0:#ffffff;
  --gray-50:#F7EFEF;
  --gray-100:#F4ECEC;
  --gray-150:#F0E7E7;
  --gray-200:#E7E1E1;
  --gray-300:#D9D2D2;
  --gray-400:#A69E9E;
  --gray-500:#7C7575;
  --gray-600:#5B5454;
  --gray-700:#EE2524;
  --gray-800:#D41F1E;
  --gray-900:#211C1C;

  --canvas:var(--gray-50);
  --surface:var(--gray-0);
  --surface-sunken:#F6F1F1;
  --surface-hover:#F3EAEA;

  --chrome:var(--gray-700);
  --chrome-text:var(--gray-0);

  --fg-1:var(--gray-900);
  --fg-2:var(--gray-600);
  --fg-3:var(--gray-400);
  --fg-inv:var(--gray-0);

  --border:#E7E1E1;
  --border-strong:#D9D2D2;
  --border-field:#D2CBCB;

  --primary:#EE2524;
  --primary-hover:#D41F1E;
  --primary-text:#ffffff;

  --status-fill:#F1ECEC;
  --status-border:#D9D2D2;
  --status-text:#5B5454;
  --status-solid-fill:#3F3A3A;
  --status-solid-text:#ffffff;

  --danger:#EB5757;
  --ok:#27AE60;
  --warn:#C99A2E;
  --link:#3688E4;

  --r-xs:3px; --r-sm:4px; --r-md:6px; --r-lg:10px; --r-xl:16px; --r-pill:999px;

  --shadow-sm:0 1px 2px rgba(74,40,40,.06);
  --shadow-md:0 2px 10px rgba(74,40,40,.08);
  --shadow-lg:0 10px 30px rgba(74,40,40,.14);
  --ring:0 0 0 3px rgba(238,37,36,.16);

  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;

  --text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:34px;
  --leading-tight:1.2;--leading-normal:1.5;
}
.ds-h1,h1.ds{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);line-height:var(--leading-tight);color:var(--fg-1);letter-spacing:-.01em;}
.ds-h2,h2.ds{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);line-height:var(--leading-tight);color:var(--fg-1);letter-spacing:-.01em;}
.ds-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--fg-1);}
.ds-section{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--fg-1);}
.ds-body{font-family:var(--font-sans);font-weight:400;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg-1);}
.ds-label{font-family:var(--font-sans);font-weight:600;font-size:var(--text-base);color:var(--fg-2);}
.ds-caption{font-family:var(--font-sans);font-weight:400;font-size:var(--text-xs);color:var(--fg-3);}
.ds-data{font-family:var(--font-mono);font-weight:400;font-size:var(--text-sm);color:var(--fg-1);font-variant-numeric:tabular-nums;}
.ds-overline{font-family:var(--font-mono);font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);}
*{box-sizing:border-box;}
html,body{margin:0;height:100%;}
body{background:var(--canvas);font-family:var(--font-sans);color:var(--fg-1);font-variant-numeric:tabular-nums;}
::-webkit-scrollbar{width:11px;height:11px;}
::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:6px;border:3px solid var(--canvas);}
::-webkit-scrollbar-track{background:transparent;}