/*
 * Focus Ex — Shared Design Tokens
 * Auto-generated by scripts/sync-figma-tokens.js — do not edit manually.
 * Source: Figma file bqW4Mj45lshonT9qKjd4vd
 * Consumed by: Onboarding, Extension (color-modes.js injects a subset at runtime).
 *
 * Usage: <link rel="stylesheet" href="tokens.css"> in onboarding/index.html
 */

:root {
  /* ---- Primitive colors ---- */
  --color-white-100: #fff8eb;
  --color-white-95: rgba(255, 248, 235, 0.95);
  --color-white-90: rgba(255, 248, 235, 0.9);
  --color-white-80: rgba(255, 248, 235, 0.8);
  --color-white-70: rgba(255, 248, 235, 0.7);
  --color-white-60: rgba(255, 248, 235, 0.6);
  --color-white-50: rgba(255, 248, 235, 0.5);
  --color-white-40: rgba(255, 248, 235, 0.4);
  --color-white-30: rgba(255, 248, 235, 0.3);
  --color-white-20: rgba(255, 248, 235, 0.2);
  --color-white-15: rgba(255, 248, 235, 0.15);
  --color-white-10: rgba(255, 248, 235, 0.1);
  --color-white-5: rgba(255, 248, 235, 0.05);
  --color-white-3: rgba(255, 248, 235, 0.03);
  --color-white-0: rgba(255, 248, 235, 0);

  --color-white-solid-100: #fffdfa;
  --color-white-solid-95: #fff8eb;
  --color-white-solid-90: #faf3e6;
  --color-white-solid-80: #e8e2d6;
  --color-white-solid-70: #d1cbc1;
  --color-white-solid-60: #a9a59e;
  --color-white-solid-50: #84817c;
  --color-white-solid-40: #65635f;
  --color-white-solid-30: #4d4b47;
  --color-white-solid-20: #363431;
  --color-white-solid-10: #1b1916;
  --color-white-solid-5: #080705;
  --color-white-solid-0: #0c0b09;

  --color-dark-solid-100: #171411;
  --color-dark-solid-95: #1a1715;
  --color-dark-solid-90: #201d1b;
  --color-dark-solid-85: #252220;
  --color-dark-solid-80: #2b2826;
  --color-dark-solid-70: #42403e;
  --color-dark-solid-60: #747271;
  --color-dark-solid-50: #828180;
  --color-dark-solid-40: #a19f9e;
  --color-dark-solid-30: #d5d3d2;
  --color-dark-solid-20: #e9e7e6;
  --color-dark-solid-10: #f6f4f3;
  --color-dark-solid-5: #fbf9f8;
  --color-dark-solid-0: #fffdfc;

  --color-dark-95: rgba(5, 2, 0, 0.95);
  --color-dark-90: rgba(5, 2, 0, 0.9);
  --color-dark-85: rgba(5, 2, 0, 0.85);
  --color-dark-80: rgba(5, 2, 0, 0.8);
  --color-dark-75: rgba(5, 2, 0, 0.75);
  --color-dark-70: rgba(5, 2, 0, 0.7);
  --color-dark-65: rgba(5, 2, 0, 0.65);
  --color-dark-60: rgba(5, 2, 0, 0.6);
  --color-dark-55: rgba(5, 2, 0, 0.55);
  --color-dark-50: rgba(5, 2, 0, 0.5);
  --color-dark-45: rgba(5, 2, 0, 0.45);
  --color-dark-40: rgba(5, 2, 0, 0.4);
  --color-dark-35: rgba(5, 2, 0, 0.35);
  --color-dark-30: rgba(5, 2, 0, 0.3);
  --color-dark-25: rgba(5, 2, 0, 0.25);
  --color-dark-20: rgba(5, 2, 0, 0.2);
  --color-dark-15: rgba(5, 2, 0, 0.15);
  --color-dark-10: rgba(5, 2, 0, 0.1);
  --color-dark-5: rgba(5, 2, 0, 0.05);
  --color-dark-0: rgba(5, 2, 0, 0);

  --color-red-solid-100: #130001;
  --color-red-solid-95: #170001;
  --color-red-solid-90: #310b09;
  --color-red-solid-80: #552423;
  --color-red-solid-70: #773333;
  --color-red-solid-60: #9b4444;
  --color-red-solid-50: #c85959;
  --color-red-solid-40: #ff7272;
  --color-red-solid-30: #ffaea9;
  --color-red-solid-20: #ffd0cb;
  --color-red-solid-10: #ffe9e5;
  --color-red-solid-5: #fff8f7;
  --color-red-solid-0: #fffcfc;

  --color-red-100-alpha: #ff7272;
  --color-red-90-alpha: rgba(255, 114, 114, 0.9);
  --color-red-80-alpha: rgba(255, 114, 114, 0.8);
  --color-red-70-alpha: rgba(255, 114, 114, 0.7);
  --color-red-60-alpha: rgba(255, 114, 114, 0.6);
  --color-red-50-alpha: rgba(255, 114, 114, 0.5);
  --color-red-40-alpha: rgba(255, 114, 114, 0.4);
  --color-red-30-alpha: rgba(255, 114, 114, 0.3);
  --color-red-20-alpha: rgba(255, 114, 114, 0.2);
  --color-red-15-alpha: rgba(255, 114, 114, 0.15);
  --color-red-10-alpha: rgba(255, 114, 114, 0.1);
  --color-red-0-alpha: rgba(255, 114, 114, 0);

  --color-blue-solid-100: #000002;
  --color-blue-solid-95: #030027;
  --color-blue-solid-90: #081343;
  --color-blue-solid-80: #202c76;
  --color-blue-solid-70: #323f9f;
  --color-blue-solid-60: #4654c9;
  --color-blue-solid-50: #5e6eff;
  --color-blue-solid-40: #9796ff;
  --color-blue-solid-30: #c7c0ff;
  --color-blue-solid-20: #e1d9ff;
  --color-blue-solid-10: #f4ecff;
  --color-blue-solid-5: #f8faff;
  --color-blue-solid-0: #fcfdff;

  --color-blue-100-alpha: #5e6eff;
  --color-blue-90-alpha: rgba(94, 110, 255, 0.9);
  --color-blue-80-alpha: rgba(94, 110, 255, 0.8);
  --color-blue-70-alpha: rgba(94, 110, 255, 0.7);
  --color-blue-60-alpha: rgba(94, 110, 255, 0.6);
  --color-blue-50-alpha: rgba(94, 110, 255, 0.5);
  --color-blue-40-alpha: rgba(94, 110, 255, 0.4);
  --color-blue-30-alpha: rgba(94, 110, 255, 0.3);
  --color-blue-20-alpha: rgba(94, 110, 255, 0.2);
  --color-blue-15-alpha: rgba(94, 110, 255, 0.15);
  --color-blue-10-alpha: rgba(94, 110, 255, 0.1);
  --color-blue-0-alpha: rgba(94, 110, 255, 0);

  --color-yellow-solid-100: #010000;
  --color-yellow-solid-95: #100400;
  --color-yellow-solid-90: #2a1200;
  --color-yellow-solid-80: #452c15;
  --color-yellow-solid-70: #5e3f23;
  --color-yellow-solid-60: #7c522c;
  --color-yellow-solid-50: #a16a37;
  --color-yellow-solid-40: #cf8744;
  --color-yellow-solid-30: #ffa652;
  --color-yellow-solid-20: #ffcb8d;
  --color-yellow-solid-10: #ffe9c4;
  --color-yellow-solid-5: #fff8f3;
  --color-yellow-solid-0: #ffffff;

  --color-yellow-alpha-3-100: #ffa652;
  --color-yellow-alpha-3-90: rgba(255, 166, 82, 0.9);
  --color-yellow-alpha-3-80: rgba(255, 166, 82, 0.8);
  --color-yellow-alpha-3-70: rgba(255, 166, 82, 0.7);
  --color-yellow-alpha-3-60: rgba(255, 166, 82, 0.6);
  --color-yellow-alpha-3-50: rgba(255, 166, 82, 0.5);
  --color-yellow-alpha-3-40: rgba(255, 166, 82, 0.4);
  --color-yellow-alpha-3-30: rgba(255, 166, 82, 0.3);
  --color-yellow-alpha-3-20: rgba(255, 166, 82, 0.2);
  --color-yellow-alpha-3-15: rgba(255, 166, 82, 0.15);
  --color-yellow-alpha-3-10: rgba(255, 166, 82, 0.1);
  --color-yellow-alpha-3-0: rgba(255, 166, 82, 0);

  --color-green-solid-100: #000000;
  --color-green-solid-95: #000a04;
  --color-green-solid-90: #012012;
  --color-green-solid-80: #0d412b;
  --color-green-solid-70: #185d40;
  --color-green-solid-60: #247b56;
  --color-green-solid-50: #32a071;
  --color-green-solid-40: #6bc096;
  --color-green-solid-30: #9ce0bc;
  --color-green-solid-20: #b8f2d3;
  --color-green-solid-10: #ccffe4;
  --color-green-solid-5: #edfff5;
  --color-green-solid-0: #fdfffe;

  --color-green-alpha-3-100: #32a071;
  --color-green-alpha-3-90: rgba(50, 160, 113, 0.9);
  --color-green-alpha-3-80: rgba(50, 160, 113, 0.8);
  --color-green-alpha-3-70: rgba(50, 160, 113, 0.7);
  --color-green-alpha-3-60: rgba(50, 160, 113, 0.6);
  --color-green-alpha-3-50: rgba(50, 160, 113, 0.5);
  --color-green-alpha-3-40: rgba(50, 160, 113, 0.4);
  --color-green-alpha-3-30: rgba(50, 160, 113, 0.3);
  --color-green-alpha-3-20: rgba(50, 160, 113, 0.2);
  --color-green-alpha-3-15: rgba(50, 160, 113, 0.15);
  --color-green-alpha-3-10: rgba(50, 160, 113, 0.1);
  --color-green-alpha-3-0: rgba(50, 160, 113, 0);

  --color-aqua-solid-100: #000001;
  --color-aqua-solid-95: #00090c;
  --color-aqua-solid-90: #001e25;
  --color-aqua-solid-80: #0b3b43;
  --color-aqua-solid-70: #27525a;
  --color-aqua-solid-60: #2c6d78;
  --color-aqua-solid-50: #2c8f9f;
  --color-aqua-solid-40: #25b8ce;
  --color-aqua-solid-30: #00e3ff;
  --color-aqua-solid-20: #62f7ff;
  --color-aqua-solid-10: #9bffff;
  --color-aqua-solid-5: #f0fdff;
  --color-aqua-solid-0: #fdffff;

  --color-aqua-100-alpha: #00e3ff; /* NOTE: alias error in Figma — points to Red */
  --color-aqua-90-alpha: rgba(0, 227, 255, 0.9);
  --color-aqua-80-alpha: rgba(0, 227, 255, 0.8);
  --color-aqua-70-alpha: rgba(0, 227, 255, 0.7);
  --color-aqua-60-alpha: rgba(0, 227, 255, 0.6);
  --color-aqua-50-alpha: rgba(0, 227, 255, 0.5);
  --color-aqua-40-alpha: rgba(0, 227, 255, 0.4);
  --color-aqua-30-alpha: rgba(0, 227, 255, 0.3);
  --color-aqua-20-alpha: rgba(0, 227, 255, 0.2);
  --color-aqua-15-alpha: rgba(0, 227, 255, 0.15);
  --color-aqua-10-alpha: rgba(0, 227, 255, 0.1);
  --color-aqua-0-alpha: rgba(0, 227, 255, 0);

  --color-purple-solid-100: #000002;
  --color-purple-solid-95: #0f001a;
  --color-purple-solid-90: #280d38;
  --color-purple-solid-80: #52226e;
  --color-purple-solid-70: #743499;
  --color-purple-solid-60: #9747c6;
  --color-purple-solid-50: #c45eff;
  --color-purple-solid-40: #e18aff;
  --color-purple-solid-30: #fdb5ff;
  --color-purple-solid-20: #ffd1ff;
  --color-purple-solid-10: #ffe8ff;
  --color-purple-solid-5: #fcf8ff;
  --color-purple-solid-0: #fefdff;

  --color-purple-100-alpha: #c45eff;
  --color-purple-90-alpha: rgba(196, 94, 255, 0.9);
  --color-purple-80-alpha: rgba(196, 94, 255, 0.8);
  --color-purple-70-alpha: rgba(196, 94, 255, 0.7);
  --color-purple-60-alpha: rgba(196, 94, 255, 0.6);
  --color-purple-50-alpha: rgba(196, 94, 255, 0.5);
  --color-purple-40-alpha: rgba(196, 94, 255, 0.4);
  --color-purple-30-alpha: rgba(196, 94, 255, 0.3);
  --color-purple-20-alpha: rgba(196, 94, 255, 0.2);
  --color-purple-15-alpha: rgba(196, 94, 255, 0.15);
  --color-purple-10-alpha: rgba(196, 94, 255, 0.1);
  --color-purple-0-alpha: rgba(196, 94, 255, 0);

  --color-lemon-100: #000000;
  --color-lemon-95: #0a0700;
  --color-lemon-90: #251800;
  --color-lemon-80: #3d3400;
  --color-lemon-70: #554a17;
  --color-lemon-60: #6f6229;
  --color-lemon-50: #918028;
  --color-lemon-40: #bba424;
  --color-lemon-30: #e6ca16;
  --color-lemon-20: #ffe000;
  --color-lemon-10: #fff247;
  --color-lemon-5: #fffbe2;
  --color-lemon-0: #ffffff;

  --color-lemon-alpha-3-100: #ffe000;
  --color-lemon-alpha-3-90: rgba(255, 224, 0, 0.9);
  --color-lemon-alpha-3-80: rgba(255, 224, 0, 0.8);
  --color-lemon-alpha-3-70: rgba(255, 224, 0, 0.7);
  --color-lemon-alpha-3-60: rgba(255, 224, 0, 0.6);
  --color-lemon-alpha-3-50: rgba(255, 224, 0, 0.5);
  --color-lemon-alpha-3-40: rgba(255, 224, 0, 0.4);
  --color-lemon-alpha-3-30: rgba(255, 224, 0, 0.3);
  --color-lemon-alpha-3-20: rgba(255, 224, 0, 0.2);
  --color-lemon-alpha-3-15: rgba(255, 224, 0, 0.15);
  --color-lemon-alpha-3-10: rgba(255, 224, 0, 0.1);
  --color-lemon-alpha-3-0: rgba(255, 224, 0, 0);

  /* ---- Semantic — Dark mode (default) ---- */
  --color-background-bg-main: #171411;
  --color-background-bg-2: #1a1715;
  --color-background-bg-3: #201d1b;
  --color-fill-primary: #fff8eb;
  --color-fill-secondary: #42403e;
  --color-fill-secondary-2: #65635f;
  --color-fill-tertiary: #201d1b;
  --color-fill-overlay-primary: rgba(5, 2, 0, 0.65);
  --color-fill-overlay-secondary: rgba(5, 2, 0, 0.1);
  --color-fill-primary-button-default: #fff8eb;
  --color-fill-primary-button-hover: #e9e7e6;
  --color-fill-primary-button-pressed: #a19f9e;
  --color-fill-primary-button-inactive: rgba(255, 248, 235, 0.05);
  --color-fill-secondary-button-default: rgba(255, 248, 235, 0.1);
  --color-fill-secondary-button-hover: rgba(255, 248, 235, 0.15);
  --color-fill-secondary-button-pressed: rgba(255, 248, 235, 0.2);
  --color-fill-secondary-button-inactive: rgba(255, 248, 235, 0.05);
  --color-fill-ghost-button-default: rgba(255, 248, 235, 0);
  --color-fill-ghost-button-hover: rgba(255, 248, 235, 0.03);
  --color-fill-ghost-button-pressed: rgba(255, 248, 235, 0.2);
  --color-fill-ghost-button-inactive: rgba(255, 248, 235, 0.05);
  --color-fill-destructive-button-default: rgba(255, 114, 114, 0);
  --color-fill-destructive-button-hover: rgba(255, 114, 114, 0.1);
  --color-fill-destructive-button-pressed: rgba(255, 114, 114, 0.2);
  --color-fill-destructive-button-inactive: rgba(255, 114, 114, 0);
  --color-fill-color-red: rgba(255, 114, 114, 0.15);
  --color-fill-color-red-medium: rgba(255, 114, 114, 0.5);
  --color-fill-color-blue: rgba(94, 110, 255, 0.1);
  --color-fill-color-blue-medium: rgba(94, 110, 255, 0.5);
  --color-fill-color-yellow: rgba(255, 166, 82, 0.15);
  --color-fill-color-yellow-medium: rgba(255, 166, 82, 0.5);
  --color-text-primary: #fff8eb;
  --color-text-secondary: rgba(255, 248, 235, 0.5);
  --color-text-tertiary: rgba(255, 248, 235, 0.3);
  --color-text-inactive: rgba(255, 248, 235, 0.1);
  --color-text-button-primary: #201d1b;
  --color-text-button-secondary: #fff8eb;
  --color-text-button-medium: rgba(255, 248, 235, 0.6);
  --color-text-button-tertiary: rgba(255, 248, 235, 0.5);
  --color-text-button-inactive: rgba(255, 248, 235, 0.2);
  --color-text-color-red: #ff7272;
  --color-text-color-yellow: #ffa652;
  --color-text-color-blue: #5e6eff;
  --color-text-color-green: #32a071;
  --color-text-color-aqua: #00e3ff;
  --color-text-color-lemon: #ffe000;
  --color-text-color-purple: #c45eff;
  --color-stroke-primary: #fff8eb;
  --color-stroke-secondary: rgba(255, 248, 235, 0.5);
  --color-stroke-medium: rgba(255, 248, 235, 0.6);
  --color-stroke-tertiary: rgba(255, 248, 235, 0.15);
  --color-stroke-inactive: rgba(255, 248, 235, 0.05);
  --color-stroke-button-primary: #201d1b;
  --color-stroke-button-secondary: #fff8eb;
  --color-stroke-button-inactive: rgba(255, 248, 235, 0.2);
  --color-stroke-color-red: #ff7272;
  --color-stroke-color-red-light: rgba(255, 114, 114, 0.15);
  --color-stroke-color-yellow: #ffa652;
  --color-stroke-color-yellow-light: rgba(255, 166, 82, 0.15);
  --color-stroke-color-blue: #5e6eff;
  --color-stroke-color-blue-light: rgba(94, 110, 255, 0.1);
  --color-stroke-color-green: #32a071;
  --color-stroke-color-aqua: #00e3ff;
  --color-stroke-color-lemon: #ffe000;
  --color-stroke-color-purple: #c45eff;

  /* ---- Spacing scale (rem) ---- */
  --spacing-0: 0;
  --spacing-0_5: 0.125rem;
  --spacing-1: 0.25rem;
  --spacing-1_5: 0.375rem;
  --spacing-2: 0.5rem;
  --spacing-2_5: 0.625rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-36: 9rem;
  --spacing-40: 2.5rem;
  --spacing-60: 15rem;

  /* ---- Font sizes ---- */
  --font-size-2xs: 0.625rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.75rem;
  --font-size-4xl: 2rem;
  --font-size-5xl: 2.75rem;
  --font-size-6xl: 3.5rem;
  --font-size-7xl: 4.5rem;

  /* ---- Border radius ---- */
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-2xl: 2rem;
  --radius-3xl: 2.5rem;
  --radius-full: 9999px;

  /* ---- Shadows ---- */
  --shadow-card: 0 0 24px rgba(0, 0, 0, 0.25);

  /* ---- Semantic — Light mode ---- */
  /* Used by sync-figma-tokens.js to generate color-modes.js light branch.
     Also applied as real CSS when [data-theme="light"] is on <html>. */
}

:root[data-theme="light"] {
  --color-background-bg-main: #fff8eb;
  --color-background-bg-2: #fbf9f8;
  --color-background-bg-3: #f6f4f3;
  --color-fill-primary: #171411;
  --color-fill-secondary: rgba(5, 2, 0, 0.15);
  --color-fill-secondary-2: #171411;
  --color-fill-tertiary: rgba(5, 2, 0, 0.05);
  --color-fill-overlay-primary: rgba(255, 248, 235, 0.6);
  --color-fill-overlay-secondary: rgba(255, 248, 235, 0.4);
  --color-fill-primary-button-default: #171411;
  --color-fill-primary-button-hover: #201d1b;
  --color-fill-primary-button-pressed: #2b2826;
  --color-fill-primary-button-inactive: rgba(5, 2, 0, 0.05);
  --color-fill-secondary-button-default: rgba(5, 2, 0, 0.1);
  --color-fill-secondary-button-hover: rgba(5, 2, 0, 0.15);
  --color-fill-secondary-button-pressed: rgba(5, 2, 0, 0.2);
  --color-fill-secondary-button-inactive: rgba(5, 2, 0, 0.05);
  --color-fill-ghost-button-default: rgba(5, 2, 0, 0);
  --color-fill-ghost-button-hover: rgba(5, 2, 0, 0.05);
  --color-fill-ghost-button-pressed: rgba(5, 2, 0, 0.15);
  --color-fill-ghost-button-inactive: rgba(5, 2, 0, 0);
  --color-fill-destructive-button-default: rgba(5, 2, 0, 0);
  --color-fill-destructive-button-hover: rgba(5, 2, 0, 0.05);
  --color-fill-destructive-button-pressed: rgba(5, 2, 0, 0.15);
  --color-fill-destructive-button-inactive: rgba(5, 2, 0, 0);
  --color-fill-color-red: rgba(255, 114, 114, 0.15);
  --color-fill-color-red-medium: rgba(255, 114, 114, 0.5);
  --color-fill-color-blue: rgba(94, 110, 255, 0.1);
  --color-fill-color-blue-medium: rgba(94, 110, 255, 0.5);
  --color-fill-color-yellow: rgba(255, 166, 82, 0.15);
  --color-fill-color-yellow-medium: rgba(255, 166, 82, 0.5);
  --color-text-primary: #171411;
  --color-text-secondary: rgba(5, 2, 0, 0.5);
  --color-text-tertiary: rgba(5, 2, 0, 0.3);
  --color-text-inactive: rgba(5, 2, 0, 0.1);
  --color-text-button-primary: #fff8eb;
  --color-text-button-secondary: #171411;
  --color-text-button-medium: #171411;
  --color-text-button-tertiary: rgba(5, 2, 0, 0.5);
  --color-text-button-inactive: rgba(5, 2, 0, 0.15);
  --color-text-color-red: #9b4444;
  --color-text-color-yellow: #a16a37;
  --color-text-color-blue: #4654c9;
  --color-text-color-green: #247b56;
  --color-text-color-aqua: #2c6d78;
  --color-text-color-lemon: #918028;
  --color-text-color-purple: #9747c6;
  --color-stroke-primary: #171411;
  --color-stroke-secondary: rgba(5, 2, 0, 0.5);
  --color-stroke-medium: rgba(5, 2, 0, 0.3);
  --color-stroke-tertiary: rgba(5, 2, 0, 0.2);
  --color-stroke-inactive: rgba(5, 2, 0, 0.05);
  --color-stroke-button-primary: rgba(5, 2, 0, 0.9);
  --color-stroke-button-secondary: #171411;
  --color-stroke-button-inactive: rgba(5, 2, 0, 0.15);
  --color-stroke-color-red: #773333;
  --color-stroke-color-red-light: rgba(255, 114, 114, 0.15);
  --color-stroke-color-yellow: #a16a37;
  --color-stroke-color-yellow-light: rgba(255, 166, 82, 0.15);
  --color-stroke-color-blue: #4654c9;
  --color-stroke-color-blue-light: rgba(94, 110, 255, 0.1);
  --color-stroke-color-green: #247b56;
  --color-stroke-color-aqua: #2c8f9f;
  --color-stroke-color-lemon: #918028;
  --color-stroke-color-purple: #9747c6;
}

:root {
  /* ---- Extension legacy aliases (backward compat) ---- */
  /* These map the old --body-* names used throughout page.css to design system tokens.
     color-modes.js will set these at runtime based on the active mode. */
  --body-background-color: var(--color-background-bg-main);
  --body-text-color: var(--color-text-primary);
  --body-background-color-rgb: 26, 23, 21;
  --body-text-color-rgb: 255, 248, 235;
  --error-rgb: 255, 95, 95;
}