body {
  --color-chirec-white: #ffffff;
  --color-chirec-shallow: #fafcff;
  --color-chirec-0: #eff6ff;
  --color-chirec-5: #e1efff;
  --color-chirec-10: #d5e8fe;
  --color-chirec-15: #c8e1ff;
  --color-chirec-20: #bbdaff;
  --color-chirec-25: #add3ff;
  --color-chirec-30: #9ecbff;
  --color-chirec-35: #90c2fc;
  --color-chirec-40: #83baf9;
  --color-chirec-45: #74b1f7;
  --color-chirec-50: #66a8f4;
  --color-chirec-55: #529bed;
  --color-chirec-60: #3f90e7;
  --color-chirec-65: #2d85e0;
  --color-chirec-70: #1479d6;
  --color-chirec-75: #0071ce;
  --color-chirec-80: #0062b3;
  --color-chirec-85: #005298;
  --color-chirec-90: #004683;
  --color-chirec-95: #00376a;
  --color-chirec-100: #00254a;
  --color-chirec-deep: #000614;
  --color-chirec-black: #000000;

  --ring: var(--color-chirec-60);
  --primary-background: var(--color-chirec-75);
  --primary-background-accent: var(--color-chirec-80);
  --primary-foreground: var(--color-chirec-0);
  --primary-foreground-accent: var(--color-chirec-shallow);
  --primary-soft-background: var(--color-chirec-30);
  --primary-soft-background-accent: var(--color-chirec-35);
  --primary-soft-foreground: var(--color-chirec-95);
  --primary-soft-foreground-accent: var(--color-chirec-100);
  --primary-shim-background: var(--color-chirec-0);
  --primary-shim-background-accent: var(--color-chirec-5);
  --primary-border: var(--color-chirec-70);
  --primary-border-accent: var(--color-chirec-80);
  --primary-ring: var(--color-chirec-75);
  --primary-standalone: var(--color-chirec-80);
  --primary-standalone-accent: var(--color-chirec-90);
  --primary-standalone-emphasis: var(--color-chirec-100);
}