:root {
    /* Aligned with Theme/Default (lavender) primary ramp */
    --color-primary-50: #f5edfc;
    --color-primary-100: #e0c8f7;
    --color-primary-200: #d1aef3;
    --color-primary-300: #bb89ee;
    --color-primary-400: #ae72ea;
    --color-primary-500: #9a4fe5;
    --color-primary-600: #8c48d0;
    --color-primary-700: #6d38a3;
    --color-primary-800: #55277e;
    --color-primary-900: #412160;

    --color-primary-opacity-8: rgba(154, 79, 229, 0.08);
    --color-primary-opacity-16: rgba(154, 79, 229, 0.16);
    --color-primary-opacity-24: rgba(154, 79, 229, 0.24);
    --color-primary-opacity-28: rgba(154, 79, 229, 0.28);
    --color-primary-opacity-32: rgba(154, 79, 229, 0.32);
    --color-primary-opacity-40: rgba(154, 79, 229, 0.4);

    --color-success-50: #e9fdf1;
    --color-success-100: #c8f7d8;
    --color-success-200: #a5f1bd;
    --color-success-300: #84e7a2;
    --color-success-400: #60d987;
    --color-success-500: #23B85C;
    --color-success-600: #1dbb51;
    --color-success-700: #189946;
    --color-success-800: #14753a;
    --color-success-900: #0f5b2f;

    --color-error-50: #fff5f2;
    --color-error-100: #fee8e1;
    --color-error-200: #fdd0c8;
    --color-error-300: #fca9a0;
    --color-error-400: #f9897c;
    --color-error-500: #F2463A;
    --color-error-600: #c32e23;
    --color-error-700: #a6261d;
    --color-error-800: #8a1f18;
    --color-error-900: #701812;

    --color-warning-50: #fffaf5;
    --color-warning-100: #fff0e0;
    --color-warning-200: #fedcc0;
    --color-warning-300: #fec59e;
    --color-warning-400: #fdaf7c;
    --color-warning-500: #FB8F3D;
    --color-warning-600: #db6d1e;
    --color-warning-700: #b75d18;
    --color-warning-800: #924c13;
    --color-warning-900: #6e3b0e;

    --color-info-50: #f1fcfe;
    --color-info-100: #dcf6fb;
    --color-info-200: #c0ecf7;
    --color-info-300: #9eddef;
    --color-info-400: #7fd0e6;
    --color-info-500: #5FC4DE;
    --color-info-600: #4bb8d6;
    --color-info-700: #3aaacb;
    --color-info-800: #2a9dc0;
    --color-info-900: #1b8fb5;

    --color-gray-50: #f7fafc;
    --color-gray-100: #edf2f7;
    --color-gray-200: #e2e8f0;
    --color-gray-300: #cbd5e0;
    --color-gray-400: #a0aec0;
    --color-gray-500: #718096;
    --color-gray-600: #4a5568;
    --color-gray-700: #2d3748;
    --color-gray-800: #1a202c;
    --color-gray-900: #171923;

    --color-red-50: #fff5f5;
    --color-red-100: #fed7d7;
    --color-red-200: #feb2b2;
    --color-red-300: #fc8181;
    --color-red-400: #f56565;
    --color-red-500: #e53e3e;
    --color-red-600: #c53030;
    --color-red-700: #9b2c2c;
    --color-red-800: #822727;
    --color-red-900: #63171b;

    --color-orange-50: #fffaf0;
    --color-orange-100: #feebc8;
    --color-orange-200: #fbd38d;
    --color-orange-300: #f6ad55;
    --color-orange-400: #ed8936;
    --color-orange-500: #dd6b20;
    --color-orange-600: #c05621;
    --color-orange-700: #9c4221;
    --color-orange-800: #7b341e;
    --color-orange-900: #652b19;

    --color-yellow-50: #fffff0;
    --color-yellow-100: #fefcbf;
    --color-yellow-200: #faf089;
    --color-yellow-300: #f6e05e;
    --color-yellow-400: #ecc94b;
    --color-yellow-500: #d69e2e;
    --color-yellow-600: #b7791f;
    --color-yellow-700: #975a16;
    --color-yellow-800: #744210;
    --color-yellow-900: #5f370e;

    --color-green-50: #f0fff4;
    --color-green-100: #c6f6d5;
    --color-green-200: #9ae6b4;
    --color-green-300: #68d391;
    --color-green-400: #48bb78;
    --color-green-500: #38a169;
    --color-green-600: #2f855a;
    --color-green-700: #276749;
    --color-green-800: #22543d;
    --color-green-900: #1c4532;

    --color-teal-50: #e6fffa;
    --color-teal-100: #b2f5ea;
    --color-teal-200: #81e6d9;
    --color-teal-300: #4fd1c5;
    --color-teal-400: #38b2ac;
    --color-teal-500: #319795;
    --color-teal-600: #2c7a7b;
    --color-teal-700: #285e61;
    --color-teal-800: #234e52;
    --color-teal-900: #1d4044;

    --color-blue-50: #ebf8ff;
    --color-blue-100: #bee3f8;
    --color-blue-200: #90cdf4;
    --color-blue-300: #63b3ed;
    --color-blue-400: #4299e1;
    --color-blue-500: #3182ce;
    --color-blue-600: #2b6cb0;
    --color-blue-700: #2c5282;
    --color-blue-800: #2a4365;
    --color-blue-900: #1a365d;

    --color-cyan-50: #edfdfd;
    --color-cyan-100: #c4f1f9;
    --color-cyan-200: #9decf9;
    --color-cyan-300: #76e4f7;
    --color-cyan-400: #0bc5ea;
    --color-cyan-500: #00b5d8;
    --color-cyan-600: #00a3c4;
    --color-cyan-700: #0987a0;
    --color-cyan-800: #086f83;
    --color-cyan-900: #065666;

    --color-purple-50: #faf5ff;
    --color-purple-100: #e9d8fd;
    --color-purple-200: #d6bcfa;
    --color-purple-300: #b794f4;
    --color-purple-400: #9f7aea;
    --color-purple-500: #805ad5;
    --color-purple-600: #6b46c1;
    --color-purple-700: #553c9a;
    --color-purple-800: #44337a;
    --color-purple-900: #322659;

    --color-pink-50: #fff5f7;
    --color-pink-100: #fed7e2;
    --color-pink-200: #fbb6ce;
    --color-pink-300: #f687b3;
    --color-pink-400: #ed64a6;
    --color-pink-500: #d53f8c;
    --color-pink-600: #b83280;
    --color-pink-700: #97266d;
    --color-pink-800: #702459;
    --color-pink-900: #521b41;

    --color-bg-main: #f8f9fa;
    --color-bg-secondary: #f1f1f1;
    --color-bg-tertiary: #ececec;
    --color-bg-quaternary: #e2e6ea;
    --color-bg-light: #fafafa;
    --color-bg-medium: #eaeaea;
    --color-bg-accent: #e5e5e5;
    --color-bg-subtle: #f5f6f7;
    --color-bg-muted: #dfe3e6;
    --color-bg-neutral: #ebedef;
    --color-bg-base: #FBFBFB;
    --color-bg-table-header: #F6F6F6;

    --color-text-heading: #161B25;
    --color-text-body: #555A64;
    --color-text-subtle: #434853;
    --color-text-input: #717680;

    --color-heading-opacity-4: #161B250A;
    --color-heading-opacity-8: #161B2512;

    --color-border-default: #D6D8DB;
    --color-border-light: #E8E8E8;
    --color-border-dark: #adb5bd;
    --color-border-input: #6c757d;
    --color-border-error: #dc3545;
    --color-border-success: #28a745;
    --color-border-warning: #ffc107;
    --color-border-info: #17a2b8;



    /* --color-dropshadow-default: #9A52E247; */

    --color-transparent: rgba(0, 0, 0, 0);
    --color-black: #000000;
    --color-white: #ffffff;
}

[data-theme="theme2"] {
    --color-primary-500: #3182ce;
    /* blue */
    --color-success-500: #38a169;
    --color-error-500: #e53e3e;
}

[data-theme="theme3"] {
    --color-primary-500: #00b5d8;
    /* cyan */
    --color-success-500: #319795;
    --color-error-500: #d53f8c;
}

/* Optional: align CSS variables with Chakra named themes when `data-theme` is set on a wrapper */
[data-theme="meadow"] {
    --color-primary-500: #2caa3d;
}

[data-theme="radiant"] {
    --color-primary-500: #fb8c00;
}

[data-theme="skyline"] {
    --color-primary-500: #0088cc;
}

[data-theme="slate"] {
    --color-primary-500: #475569;
}

[data-theme="emerald"] {
    --color-primary-500: #0f9d8a;
}

[data-theme="rosewood"] {
    --color-primary-500: #d16a7e;
}
/* Tailwind preflight forces antialiased; the published package never does. */
html:root {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}