:root {
  /* Brand - Primary */
  --purple-100: #EAE2F8;
  --purple-200: #CFBCF2;
  --purple-300: #A081D9;
  --purple-400: #8662C7;
  --purple-500: #724BB7;
  --purple-600: #653CAD;
  --purple-700: #51279B;
  --purple-800: #421987;
  --purple-900: #34126F;
  --purple-1000: #240754;

  /* Neutrals */
  --warm-grey-100: #FAF9F7;
  --warm-grey-100-rgb: 250, 249, 247;
  --warm-grey-200: #E8E6E1;
  --warm-grey-300: #D3CEC4;
  --warm-grey-400: #B8B2A7;
  --warm-grey-500: #A39E93;
  --warm-grey-600: #857F72;
  --warm-grey-700: #625D52;
  --warm-grey-800: #504A40;
  --warm-grey-900: #423D33;
  --warm-grey-1000: #27241D;

  /* Supporting */
  --cyan-100: #E0FCFF;
  --cyan-200: #BEF8FD;
  --cyan-300: #87EAF2;
  --cyan-400: #54D1DB;
  --cyan-500: #38BEC9;
  --cyan-600: #2CB1BC;
  --cyan-700: #14919B;
  --cyan-800: #0E7C86;
  --cyan-900: #0A6C74;
  --cyan-1000: #044E54;

  --red-vivid-100: #FFE3E3;
  --red-vivid-200: #FFBDBD;
  --red-vivid-300: #FF9B9B;
  --red-vivid-400: #F86A6A;
  --red-vivid-500: #EF4E4E;
  --red-vivid-600: #E12D39;
  --red-vivid-700: #CF1124;
  --red-vivid-800: #AB091E;
  --red-vivid-900: #8A041A;
  --red-vivid-1000: #610316;

  --yellow-100: #FFFAEB;
  --yellow-200: #FCEFC7;
  --yellow-300: #F8E3A3;
  --yellow-400: #F9DA8B;
  --yellow-500: #F7D070;
  --yellow-600: #E9B949;
  --yellow-700: #C99A2E;
  --yellow-800: #A27C1A;
  --yellow-900: #7C5E10;
  --yellow-1000: #513C06;

  --green-vivid-100: #E3F9E5;
  --green-vivid-200: #C1F2C7;
  --green-vivid-300: #91E697;
  --green-vivid-400: #51CA58;
  --green-vivid-500: #31B237;
  --green-vivid-600: #18981D;
  --green-vivid-700: #0F8613;
  --green-vivid-800: #0E7817;
  --green-vivid-900: #07600E;
  --green-vivid-1000: #014807;

  /* Typography */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --text-3xs: 0.5rem;
  --text-2xs: 0.625rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;
  --text-8xl: 6rem;
  --text-9xl: 8rem;

  --font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Bricolage Grotesque", "League Spartan", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Inconsolata", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --leading-none: 1;
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;
  --leading-loose: 2;

  /* Spacing scale */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space1-5xs: 0.375rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-base: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;
  --space-6xl: 12rem;
  --space-7xl: 16rem;
  --space-8xl: 24rem;
  --space-9xl: 32rem;
  --space-10xl: 40rem;
  --space-11xl: 48rem;

  /* Shape - Border Radius */
  --radius-sm: 0.25rem;
  --radius-m: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-round: 999rem;

  /* Border Shadows */
  --box-shadow:
    0px 0px 0px 1px rgba(0, 0, 0, 0.06),
    0px 1px 2px -1px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);

  --box-shadow-hover:
    0px 0px 0px 1px rgba(0, 0, 0, 0.08),
    0px 1px 2px -1px rgba(0, 0, 0, 0.08),
    0px 2px 4px 0px rgba(0, 0, 0, 0.06);

  --box-shadow-top:
    0px -1px 0px 0px rgba(0, 0, 0, 0.06),
    0px -2px 2px -1px rgba(0, 0, 0, 0.06),
    0px -4px 4px -2px rgba(0, 0, 0, 0.04);

  --box-shadow-bottom:
    0px 1px 0px 0px rgba(0, 0, 0, 0.06),
    0px 2px 2px -1px rgba(0, 0, 0, 0.06),
    0px 4px 4px -2px rgba(0, 0, 0, 0.04);

  --box-shadow-left:
    -1px 0px 0px 0px rgba(0, 0, 0, 0.06),
    -2px 0px 2px -1px rgba(0, 0, 0, 0.06),
    -4px 0px 4px -2px rgba(0, 0, 0, 0.04);

  --box-shadow-right:
    1px 0px 0px 0px rgba(0, 0, 0, 0.06),
    2px 0px 2px -1px rgba(0, 0, 0, 0.06),
    4px 0px 4px -2px rgba(0, 0, 0, 0.04);
}