:root, :host {
      --color-primary-50: #FEF1E7;
    --color-primary-100: #FDE3D0;
    --color-primary-200: #FCC7A1;
    --color-primary-300: #FBAB73;
    --color-primary-400: #FA8F44;
    --color-primary-500: #F97316;
    --color-primary-600: #C15911;
    --color-primary-700: #8A3F0C;
    --color-primary-800: #532607;
    --color-primary-900: #1B0C02;
    --color-primary-950: #000000;

      --color-secondary-50: #EFF1F3;
    --color-secondary-100: #E0E3E7;
    --color-secondary-200: #C1C7D0;
    --color-secondary-300: #A2ABB9;
    --color-secondary-400: #838FA2;
    --color-secondary-500: #64748B;
    --color-secondary-600: #4D5A6C;
    --color-secondary-700: #37404D;
    --color-secondary-800: #21262E;
    --color-secondary-900: #0B0C0F;
    --color-secondary-950: #000000;

      --color-success-50: #E8F9EE;
    --color-success-500: #22C55E;
    --color-success-600: #1A9949;
    --color-success-700: #126D34;

      --color-warning-50: #FCF7E6;
    --color-warning-500: #EAB308;
    --color-warning-600: #B68B06;
    --color-warning-700: #826304;

      --color-error-50: #FDECEC;
    --color-error-500: #EF4444;
    --color-error-600: #B93434;
    --color-error-700: #842525;

      --color-info-50: #EBF2FE;
    --color-info-500: #3B82F6;
    --color-info-600: #2D65BF;
    --color-info-700: #204888;

      /* Color aliases */
    --color-orange-50: var(--color-primary-50);
    --color-orange-100: var(--color-primary-100);
    --color-orange-200: var(--color-primary-200);
    --color-orange-300: var(--color-primary-300);
    --color-orange-400: var(--color-primary-400);
    --color-orange-500: var(--color-primary-500);
    --color-orange-600: var(--color-primary-600);
    --color-orange-700: var(--color-primary-700);
    --color-orange-800: var(--color-primary-800);
    --color-orange-900: var(--color-primary-900);
    --color-orange-950: var(--color-primary-950);

    --color-slate-50: var(--color-secondary-50);
    --color-slate-100: var(--color-secondary-100);
    --color-slate-200: var(--color-secondary-200);
    --color-slate-300: var(--color-secondary-300);
    --color-slate-400: var(--color-secondary-400);
    --color-slate-500: var(--color-secondary-500);
    --color-slate-600: var(--color-secondary-600);
    --color-slate-700: var(--color-secondary-700);
    --color-slate-800: var(--color-secondary-800);
    --color-slate-900: var(--color-secondary-900);
    --color-slate-950: var(--color-secondary-950);

    --color-emerald-50: var(--color-success-50);
    --color-emerald-500: var(--color-success-500);
    --color-emerald-600: var(--color-success-600);
    --color-emerald-700: var(--color-success-700);

    --color-amber-50: var(--color-warning-50);
    --color-amber-500: var(--color-warning-500);
    --color-amber-600: var(--color-warning-600);
    --color-amber-700: var(--color-warning-700);

    --color-red-50: var(--color-error-50);
    --color-red-500: var(--color-error-500);
    --color-red-600: var(--color-error-600);
    --color-red-700: var(--color-error-700);

    --color-blue-50: var(--color-info-50);
    --color-blue-500: var(--color-info-500);
    --color-blue-600: var(--color-info-600);
    --color-blue-700: var(--color-info-700);

}