: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-100: #D2F3DE;
    --color-success-200: #A6E7BE;
    --color-success-300: #7ADC9E;
    --color-success-400: #4ED07E;
    --color-success-500: #22C55E;
    --color-success-600: #1A9949;
    --color-success-700: #126D34;
    --color-success-800: #0B411F;
    --color-success-900: #03150A;
    --color-success-950: #000000;

      --color-warning-50: #FCF7E6;
    --color-warning-100: #FAEFCD;
    --color-warning-200: #F6E09C;
    --color-warning-300: #F2D16A;
    --color-warning-400: #EEC239;
    --color-warning-500: #EAB308;
    --color-warning-600: #B68B06;
    --color-warning-700: #826304;
    --color-warning-800: #4E3B02;
    --color-warning-900: #1A1300;
    --color-warning-950: #000000;

      --color-error-50: #FDECEC;
    --color-error-100: #FBD9D9;
    --color-error-200: #F8B4B4;
    --color-error-300: #F58E8E;
    --color-error-400: #F26969;
    --color-error-500: #EF4444;
    --color-error-600: #B93434;
    --color-error-700: #842525;
    --color-error-800: #4F1616;
    --color-error-900: #1A0707;
    --color-error-950: #000000;

      --color-info-50: #EBF2FE;
    --color-info-100: #D7E6FD;
    --color-info-200: #B0CDFB;
    --color-info-300: #89B4F9;
    --color-info-400: #629BF7;
    --color-info-500: #3B82F6;
    --color-info-600: #2D65BF;
    --color-info-700: #204888;
    --color-info-800: #132B52;
    --color-info-900: #060E1B;
    --color-info-950: #000000;

      /* Spacing */
    --spacing: 0.25rem;
    /* Border radius */
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    /* Base colors */
    --color-black: #000;
    --color-white: #fff;
    /* Font families */
    --theme-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --theme-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --theme-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}