:root {
  --tw-slate-50: #f8fafc;
  --tw-slate-100: #f1f5f9;
  --tw-slate-200: #e2e8f0;
  --tw-slate-300: #cbd5e1;
  --tw-slate-400: #94a3b8;
  --tw-slate-500: #64748b;
  --tw-slate-600: #475569;
  --tw-slate-700: #334155;
  --tw-slate-800: #1e293b;
  --tw-slate-900: #0f172a;
  --tw-slate-950: #020617;

  --cyf-text-0: #ffffff;
  --cyf-text-50: var(--tw-slate-50);
  --cyf-text-100: var(--tw-slate-100);
  --cyf-text-200: var(--tw-slate-200);
  --cyf-text-300: var(--tw-slate-300);
  --cyf-text-400: var(--tw-slate-400);
  --cyf-text-500: var(--tw-slate-500);
  --cyf-text-600: var(--tw-slate-600);
  --cyf-text-700: var(--tw-slate-700);
  --cyf-text-800: var(--tw-slate-800);
  --cyf-text-900: var(--tw-slate-900);
  --cyf-text-950: var(--tw-slate-950);
  --cyf-text-1000: #000000;
  --cyf-text-1000-5: #0000000d;
  --cyf-text-1000-50: #00000080;

  --cyf-primary-50: #eaf8f6;
  --cyf-primary-100: #c1ebe5;
  --cyf-primary-200: #98ded4;
  --cyf-primary-300: #6ed1c3;
  --cyf-primary-400: #45c4b2;
  --cyf-primary-500: #30bda9;
  --cyf-primary-500-40: #30bda966;
  --cyf-primary-600: #2daa98;
  --cyf-primary-700: #238476;
  --cyf-primary-800: #195f55;
  --cyf-primary-900: #0e3933;
  --cyf-primary-950: #051311;

  --cyf-secondary-50: #e9e8ed;
  --cyf-secondary-100: #bcbaca;
  --cyf-secondary-200: #8f8da6;
  --cyf-secondary-300: #615f82;
  --cyf-secondary-400: #4a4871;
  --cyf-secondary-500: #1e1a4d;
  --cyf-secondary-600: #17153e;
  --cyf-secondary-700: #12102e;
  --cyf-secondary-800: #0c0a1f;
  --cyf-secondary-900: #090817;
  --cyf-secondary-950: #030308;

  --cyf-gradient-1: #30bda9;
  --cyf-gradient-2: #2f61d7;

  --color-twitter-x: #000000;
  --color-facebook: #4267b2;
  --color-linkedin: #0e76a8;
  --color-youtube: #ff0000;

  --background-color: var(--cyf-text-50);
  --color: var(--cyf-text-800);
}