/* 变量 + 字体资源·由 design-system.css 提取(不含全局reset,供独立样式页引用) */

/* ---------- Fonts: 本地自托管 woff2(与 design-system.css 同一组 @font-face) */
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/fonts/fraunces-300-700-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/fonts/fraunces-300-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/fonts/fraunces-300-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/geist-300-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/geist-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/geist-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/geist-400-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/geist-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/geist-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/geist-500-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/geist-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/geist-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/geist-600-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/geist-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/geist-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/geist-700-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/geist-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/geist-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/geist-800-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/geist-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/geist-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/geist-900-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/geist-900-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/geist-900-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/geist-mono-400-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/geist-mono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/geist-mono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/geist-mono-500-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/geist-mono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/geist-mono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/geist-mono-600-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/geist-mono-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/geist-mono-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  /* ─────── Type Stacks ───────────────────────────────────────────────── */
  --cutta-font-sans:
    "Geist", "Inter Variable", "Inter", "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI",
    sans-serif;
  --cutta-font-mono:
    "Geist Mono", "JetBrains Mono", "SF Mono", ui-monospace, Menlo,
    "Courier New", monospace;
  --cutta-font-display:
    "Fraunces", "Source Han Serif SC", "Songti SC", "Times New Roman", Georgia,
    serif; /* editorial display for hero & big numerals */

  /* ─────── Type Scale (1.250 minor third + UI essentials) ─────────────── */
  --cutta-text-2xs: 11px;   /* badges, micro labels */
  --cutta-text-xs:  12px;   /* meta, captions */
  --cutta-text-sm:  13px;   /* table cells, sub */
  --cutta-text-md:  14px;   /* default body UI */
  --cutta-text-base:15px;   /* paragraph body */
  --cutta-text-lg:  16px;   /* card title */
  --cutta-text-xl:  18px;   /* section title */
  --cutta-text-2xl: 22px;   /* page subtitle */
  --cutta-text-3xl: 28px;   /* page title */
  --cutta-text-4xl: 36px;   /* hero secondary */
  --cutta-text-5xl: 48px;   /* hero primary */
  --cutta-text-6xl: 64px;   /* display rare */

  --cutta-leading-tight: 1.18;   /* big numerals & display */
  --cutta-leading-snug:  1.32;   /* headings */
  --cutta-leading-base:  1.5;    /* UI */
  --cutta-leading-loose: 1.65;   /* long-form */

  --cutta-tracking-tight:   -0.02em;
  --cutta-tracking-display: -0.035em;
  --cutta-tracking-uppercase: 0.08em;

  --cutta-weight-regular: 400;
  --cutta-weight-medium:  500;
  --cutta-weight-semibold:600;

  /* ─────── Spacing — 4 px base, no odd numbers ─────────────────────────── */
  --cutta-space-0:   0;
  --cutta-space-1:   4px;
  --cutta-space-2:   8px;
  --cutta-space-3:  12px;
  --cutta-space-4:  16px;
  --cutta-space-5:  20px;
  --cutta-space-6:  24px;
  --cutta-space-8:  32px;
  --cutta-space-10: 40px;
  --cutta-space-12: 48px;
  --cutta-space-16: 64px;
  --cutta-space-20: 80px;
  --cutta-space-24: 96px;

  /* ─────── Radius ────────────────────────────────────────────────────── */
  --cutta-radius-xs: 4px;
  --cutta-radius-sm: 6px;
  --cutta-radius-md: 8px;
  --cutta-radius-lg: 12px;
  --cutta-radius-xl: 16px;
  --cutta-radius-2xl: 20px;
  --cutta-radius-pill: 9999px;

  /* ─────── Motion: Linear-grade easing + durations ─────────────────────── */
  --cutta-ease-out:    cubic-bezier(0.16, 1, 0.3, 1);    /* Linear's signature */
  --cutta-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --cutta-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);/* gentle overshoot */
  --cutta-dur-micro:   100ms;  /* hover bg */
  --cutta-dur-short:   180ms;  /* small expand */
  --cutta-dur-medium:  280ms;  /* card / drawer */
  --cutta-dur-long:    420ms;  /* page transitions */
  --cutta-dur-stagger:  30ms;  /* per-item list reveal */

  /* ─────── Z-index scale ───────────────────────────────────────────────── */
  --cutta-z-base:  0;
  --cutta-z-raised: 10;
  --cutta-z-sticky: 100;
  --cutta-z-overlay: 800;
  --cutta-z-modal:   900;
  --cutta-z-toast:   1000;

  /* ─────── Border widths ───────────────────────────────────────────────── */
  --cutta-border-hair: 0.5px;
  --cutta-border-thin: 1px;
}

:root {
  --cutta-amber-400: #fbbf24;
  --cutta-amber-800-a20: rgba(146,64,14,.20);
  --cutta-black-a02: rgba(0,0,0,.02);
  --cutta-black-a03: rgba(0,0,0,.03);
  --cutta-black-a04: rgba(0,0,0,.04);
  --cutta-black-a06: rgba(0,0,0,.06);
  --cutta-black-a08: rgba(0,0,0,.08);
  --cutta-black-a4: rgba(0,0,0,.4);
  --cutta-black-a6: rgba(0,0,0,.6);
  --cutta-black-a7: rgba(0,0,0,.7);
  --cutta-blue-800-a22: rgba(30,64,175,.22);
  --cutta-c-07070b: #07070b;
  --cutta-c-0d0d13: #0d0d13;
  --cutta-c-10d97a: #10d97a;
  --cutta-c-10d97a-a1: rgba(16,217,122,.1);
  --cutta-c-10d97a-a15: rgba(16,217,122,.15);
  --cutta-c-13131b: #13131b;
  --cutta-c-1a1a1a: #1a1a1a;
  --cutta-c-1a1a24: #1a1a24;
  --cutta-c-52525b: #52525b;
  --cutta-c-555555: #555555;
  --cutta-c-71717a: #71717a;
  --cutta-c-7a7a86: #7a7a86;
  --cutta-c-888888: #888888;
  --cutta-c-a0392f: #a0392f;
  --cutta-c-b4b4be: #b4b4be;
  --cutta-c-c4b5fd: #c4b5fd;
  --cutta-c-c81e1e: #c81e1e;
  --cutta-c-e54338: #e54338;
  --cutta-c-e8e5de: #e8e5de;
  --cutta-c-f43f5e: #f43f5e;
  --cutta-c-f43f5e-a1: rgba(244,63,94,.1);
  --cutta-c-f43f5e-a15: rgba(244,63,94,.15);
  --cutta-c-f43f5e-a3: rgba(244,63,94,.3);
  --cutta-c-fca5a5: #fca5a5;
  --cutta-c-ff0057: #ff0057;
  --cutta-c-ff4d3d: #ff4d3d;
  --cutta-c-ff4d3d-a04: rgba(255,77,61,.04);
  --cutta-c-ff4d3d-a06: rgba(255,77,61,.06);
  --cutta-c-ff4d3d-a08: rgba(255,77,61,.08);
  --cutta-c-ff4d3d-a10: rgba(255,77,61,.10);
  --cutta-c-ff4d3d-a12: rgba(255,77,61,.12);
  --cutta-c-ff4d3d-a15: rgba(255,77,61,.15);
  --cutta-c-ff4d3d-a18: rgba(255,77,61,.18);
  --cutta-c-ff4d3d-a3: rgba(255,77,61,.3);
  --cutta-c-ff4d3d-a4: rgba(255,77,61,.4);
  --cutta-c-ff6b6b: #ff6b6b;
  --cutta-c-ff6b6b-a05: rgba(255, 107, 107, .05);
  --cutta-green-500: #22c55e;
  --cutta-green-800-a18: rgba(22,101,52,.18);
  --cutta-red-400: #f87171;
  --cutta-red-800-a20: rgba(153,27,27,.20);
  --cutta-violet-500: #8b5cf6;
  --cutta-violet-500-a06: rgba(139,92,246,.06);
  --cutta-violet-500-a08: rgba(139,92,246,.08);
  --cutta-violet-500-a2: rgba(139,92,246,.2);
  --cutta-white-a06: rgba(255,255,255,.06);
  --cutta-white-a14: rgba(255,255,255,.14);
  --cutta-white-a8: rgba(255,255,255,.8);
}