/* @import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */

@font-face {
    font-family: var(--font-family);
    src: url('https://acecloud.ai/wp-content/themes/public-cloud/assets/fonts/inter-tight/InterTight-VariableFont_wght.woff2') format("woff2");
    font-style: normal;
    font-display: swap;
}

:root {

    --ac-white: #ffffff;
    --ac-near-black-111: #111111;
    --ac-midnight-indigo: #1a182b;

    /* Cards shown at top */
    --ac-sunset-orange: #fe836d;
    --ac-dark-purple: #610a51;
    --ac-bright-magenta: #e61e65;

    /* Royal Plum scale */
    --ac-plum-900: #44044d;
    --ac-plum-100: #ece6ed;
    --ac-plum-800: #571d5f;
    --ac-plum-700: #693671;
    --ac-plum-600: #7c4f82;
    --ac-plum-500: #8f6894;
    --ac-plum-400: #a282a6;
    --ac-plum-300: #b49bb8;
    --ac-plum-200: #c7b4ca;
    --ac-plum-150: #dacddb;

    /* Persian Blue scale */
    --ac-blue-900: #0835b7;
    --ac-blue-100: #e6ebf8;
    --ac-blue-800: #2149be;
    --ac-blue-700: #395dc5;
    --ac-blue-600: #5272cd;
    --ac-blue-500: #6b86d4;
    --ac-blue-400: #849adb;
    --ac-blue-300: #9caee2;
    --ac-blue-200: #b5c2e9;
    --ac-blue-150: #ced7f1;

    /* Yellow scale */
    --ac-yellow-900: #ffaa00;
    --ac-yellow-100: #fff7e6;
    --ac-yellow-800: #ffb31a;
    --ac-yellow-750: #ffbb33;
    --ac-yellow-700: #ffc44d;
    --ac-yellow-600: #ffcc66;
    --ac-yellow-500: #ffd580;
    --ac-yellow-400: #ffdd99;
    --ac-yellow-300: #ffe6b3;
    --ac-yellow-200: #ffeecc;

    /* Leaf Green scale */
    --ac-leaf-green-900: #119539;
    --ac-leaf-green-100: #e7f4eb;
    --ac-leaf-green-800: #29a04d;
    --ac-leaf-green-700: #41aa61;
    --ac-leaf-green-600: #58b574;
    --ac-leaf-green-500: #70bf88;
    --ac-leaf-green-400: #88ca9c;
    --ac-leaf-green-300: #a0d5b0;
    --ac-leaf-green-200: #b8dfc4;
    --ac-leaf-green-150: #cfead7;

    /* Dark Blue Violet scale */
    --ac-db-violet-900: #514b81;
    --ac-db-violet-100: #eeedf2;
    --ac-db-violet-800: #625d8e;
    --ac-db-violet-700: #746f9a;
    --ac-db-violet-600: #8581a7;
    --ac-db-violet-500: #9793b3;
    --ac-db-violet-400: #a8a5c0;
    --ac-db-violet-300: #b9b7cd;
    --ac-db-violet-200: #cbc9d9;
    --ac-db-violet-150: #dcdbe6;

    /* Midnight Indigo (Neutral) scale */
    --ac-indigo-900: #1a182b;
    --ac-indigo-100: #e8e8ea;
    --ac-indigo-800: #312f40;
    --ac-indigo-700: #484655;
    --ac-indigo-600: #5f5d6b;
    --ac-indigo-500: #767480;
    --ac-indigo-400: #8d8c95;
    --ac-indigo-300: #a3a3aa;
    --ac-indigo-200: #bababf;
    --ac-indigo-150: #d1d1d5;

    /* Bright Magenta scale */
    --ac-magenta-900: #e61e65;
    --ac-magenta-100: #fde9f0;
    --ac-magenta-800: #e93574;
    --ac-magenta-700: #eb4b84;
    --ac-magenta-600: #ee6293;
    --ac-magenta-500: #f078a3;
    --ac-magenta-400: #f38fb2;
    --ac-magenta-300: #f5a5c1;
    --ac-magenta-200: #f8bcd1;
    --ac-magenta-150: #fad2e0;


    --font-family: "Inter Tight", sans-serif;

    --h1-size: 48px;
    --h1-line: 62px;

    --h2-size: 36px;
    --h2-line: 46px;

    --h3-size: 28px;
    --h3-line: 36px;

    --h4-size: 22px;
    --h4-line: 28px;

    --h5-size: 18px;
    --h5-line: 24px;

    --h6-size: 16px;
    --h6-line: 20px;

    --body-size: 16px;
    --body-line: 22px;

    --small-size: 14px;
    --small-line: 20px;

    --fw-normal: 400;
    --fw-bold: 700;
    --fw-semibold: 600;
    --fw-extrabold: 800;
    --fw-black: 900;

    /* Small */
    --ac-btn-padding-y-sm: 0.5rem;
    /* 6px */
    --ac-btn-padding-x-sm: 1.5rem;
    /* 12px */

    /* Large */
    --ac-btn-padding-y-lg: 0.75rem;
    /* 12px */
    --ac-btn-padding-x-lg: 2.5rem;
    /* 40px */
}


@media (max-width: 991px) {
    :root {
        --h1-size: 40px;
        --h1-line: 52px;

        --h2-size: 32px;
        --h2-line: 42px;

        --h3-size: 26px;
        --h3-line: 34px;

        --h4-size: 22px;
        --h4-line: 28px;

        --h5-size: 18px;
        --h5-line: 24px;

        --h6-size: 16px;
        --h6-line: 20px;
    }
}

@media (max-width: 767px) {
    :root {
        --h1-size: 32px;
        --h1-line: 42px;

        --h2-size: 28px;
        --h2-line: 36px;

        --h3-size: 24px;
        --h3-line: 32px;

        --h4-size: 20px;
        --h4-line: 26px;

        --h5-size: 18px;
        --h5-line: 24px;

        --h6-size: 16px;
        --h6-line: 20px;
    }
}

@media(min-width:1600px) {

    .container-xxxl,
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1520px;
    }
}

body,
button,
input,
textarea,
select {
    font-family: var(--font-family);
}

body {
    font-size: var(--body-size) !important;
    line-height: var(--body-line) !important;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

h1,
.h1 {
    font-size: var(--h1-size) !important;
    line-height: var(--h1-line) !important;
    font-weight: var(--fw-bold) !important;
}

h2,
.h2 {
    font-size: var(--h2-size) !important;
    line-height: var(--h2-line) !important;
    font-weight: var(--fw-semibold) !important;
}

h3,
.h3 {
    font-size: var(--h3-size) !important;
    line-height: var(--h3-line) !important;
    font-weight: var(--fw-semibold) !important;
}

h4,
.h4 {
    font-size: var(--h4-size) !important;
    line-height: var(--h4-line) !important;
    font-weight: var(--fw-semibold) !important;
}

h5,
.h5 {
    font-size: var(--h5-size) !important;
    line-height: var(--h5-line) !important;
    font-weight: var(--fw-semibold) !important;
}

h6,
.h6 {
    font-size: var(--h6-size) !important;
    line-height: var(--h6-line) !important;
    font-weight: var(--fw-semibold) !important;
}

.fs-1 {
    font-size: var(--h1-size) !important;
    line-height: var(--h1-line) !important;
    font-weight: var(--fw-bold) !important;
}

.fs-2 {
    font-size: var(--h2-size) !important;
    line-height: var(--h2-line) !important;
    font-weight: var(--fw-semibold) !important;
}

.fs-3 {
    font-size: var(--h3-size) !important;
    line-height: var(--h3-line) !important;
    font-weight: var(--fw-semibold) !important;
}

.fs-4 {
    font-size: var(--h4-size) !important;
    line-height: var(--h4-line) !important;
    font-weight: var(--fw-semibold) !important;
}

.fs-5 {
    font-size: var(--h5-size) !important;
    line-height: var(--h5-line) !important;
    font-weight: var(--fw-semibold) !important;
}

.fs-6 {
    font-size: var(--h6-size) !important;
    line-height: var(--h6-line) !important;
    font-weight: var(--fw-semibold) !important;
}

.fs-0 {
    font-size: 0px !important;
}

.fs-10 {
    font-size: 10px !important;
    line-height: 14px !important;
}

.fs-12 {
    font-size: 12px !important;
    line-height: 16px !important;
}

.fs-14 {
    font-size: 14px !important;
    line-height: 20px !important;
}

.fs-16 {
    font-size: 16px !important;
    line-height: 22px !important;
}

.fs-18 {
    font-size: 18px !important;
    line-height: 26px !important;
}

.fs-20 {
    font-size: 20px !important;
    line-height: 28px !important;
}

.fs-22 {
    font-size: 22px !important;
    line-height: 30px !important;
}

.fs-24 {
    font-size: 24px !important;
    line-height: 32px !important;
}

.fw-thin {
    font-weight: 100 !important;
}

.fw-extra-light {
    font-weight: 200 !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-regular {
    font-weight: 400 !important;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-extrabold {
    font-weight: 700 !important;
}

.fw-extra-bold {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-black {
    font-weight: 900 !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-sm {
    line-height: 1.2 !important;
}

.lh-md {
    line-height: 1.5 !important;
}

.lh-lg {
    line-height: 1.8 !important;
}

.ls-0 {
    letter-spacing: 0;
}

.ls-1 {
    letter-spacing: 0.5px;
}

.ls-2 {
    letter-spacing: 1px;
}

.fst-italic {
    font-style: italic;
}

.fst-normal {
    font-style: normal;
}


.ac-btn {
    --ac-btn-color: var(--ac-white);
    --ac-btn-bg: transparent;
    --ac-btn-border-color: transparent;
    --ac-btn-hover-color: var(--ac-white);
    --ac-btn-hover-bg: transparent;
    --ac-btn-hover-border-color: transparent;
    --ac-btn-focus-shadow-rgb: 0, 0, 0;
    --ac-btn-active-color: var(--ac-white);
    --ac-btn-active-bg: transparent;
    --ac-btn-active-border-color: transparent;
    --ac-btn-font-size: 1rem;
    /* 16px */
    --ac-btn-line-height: 1.5;
    /* 24px */
    --ac-btn-padding-y: 0.5rem;
    /* 8px → top/bottom */
    --ac-btn-padding-x: 1.25rem;
    /* 20px → left/right */
    display: inline-block;
    font-size: var(--ac-btn-font-size);
    font-weight: 500;
    line-height: var(--ac-btn-line-height);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 2px solid var(--ac-btn-border-color);
    padding: var(--ac-btn-padding-y) var(--ac-btn-padding-x);
    border-radius: 0.375rem;
    color: var(--ac-btn-color);
    background: var(--ac-btn-bg);
    transition: all 0.2s ease-in-out;
    font-family: var(--bs-font-family);

}

.ac-btn:hover {
    color: var(--ac-btn-hover-color);
    background: var(--ac-btn-hover-bg);
    border-color: var(--ac-btn-hover-border-color);
}

.ac-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--ac-btn-focus-shadow-rgb), 0.5);
}

.ac-btn:active {
    color: var(--ac-btn-active-color);
    background: var(--ac-btn-active-bg);
    border-color: var(--ac-btn-active-border-color);
}

.ac-btn:disabled,
.ac-btn.disabled {
    opacity: 0.65;
    pointer-events: none;
}

/* Pill */
.ac-btn-pill {
    border-radius: 50rem !important;
}

a.ac-btn {
    text-decoration: none;
}

.ac-btn-sm {
    padding: var(--ac-btn-padding-y-sm) var(--ac-btn-padding-x-sm);
    font-size: var(--fs-14) !important;
    line-height: var(--lh-14);
}

.ac-btn-lg {
    padding: var(--ac-btn-padding-y-lg) var(--ac-btn-padding-x-lg);
}

/* ========== Variants ========== */

/* Primary (Persian Blue) */
.ac-btn-primary {
    --ac-btn-color: var(--ac-white);
    --ac-btn-bg: var(--ac-blue-700);
    --ac-btn-border-color: var(--ac-blue-700);
    --ac-btn-hover-color: var(--ac-white);
    --ac-btn-hover-bg: var(--ac-blue-800);
    --ac-btn-hover-border-color: var(--ac-blue-800);
    --ac-btn-focus-shadow-rgb: 57, 93, 197;
    --ac-btn-active-color: var(--ac-white);
    --ac-btn-active-bg: var(--ac-blue-900);
    --ac-btn-active-border-color: var(--ac-blue-900);
}

/* Magenta */
.ac-btn-magenta {
    --ac-btn-color: var(--ac-white);
    --ac-btn-bg: var(--ac-magenta-700);
    --ac-btn-border-color: var(--ac-magenta-700);
    --ac-btn-hover-color: var(--ac-white);
    --ac-btn-hover-bg: var(--ac-magenta-800);
    --ac-btn-hover-border-color: var(--ac-magenta-800);
    --ac-btn-focus-shadow-rgb: 230, 30, 101;
    --ac-btn-active-color: var(--ac-white);
    --ac-btn-active-bg: var(--ac-magenta-900);
    --ac-btn-active-border-color: var(--ac-magenta-900);
}

/* Outline White */
.ac-btn-white {
    --ac-btn-color: var(--ac-midnight-indigo);
    --ac-btn-bg: var(--ac-white);
    --ac-btn-border-color: var(--ac-white);
    --ac-btn-hover-color: var(--ac-white);
    --ac-btn-hover-bg: transparent;
    --ac-btn-hover-border-color: var(--ac-white);
    --ac-btn-focus-shadow-rgb: 255, 255, 255;
    --ac-btn-active-color: var(--ac-midnight-indigo);
    --ac-btn-active-bg: var(--ac-white);
    --ac-btn-active-border-color: var(--ac-white);
}

/* Outline White */
.ac-btn-outline-white {
    --ac-btn-color: var(--ac-white);
    --ac-btn-bg: transparent;
    --ac-btn-border-color: var(--ac-white);
    --ac-btn-hover-color: var(--ac-midnight-indigo);
    --ac-btn-hover-bg: var(--ac-white);
    --ac-btn-hover-border-color: var(--ac-white);
    --ac-btn-focus-shadow-rgb: 255, 255, 255;
    --ac-btn-active-color: var(--ac-midnight-indigo);
    --ac-btn-active-bg: var(--ac-white);
    --ac-btn-active-border-color: var(--ac-white);
}

/* =============================
   Gradient Primary Button
   ============================= */
.ac-btn-grad-primary {
    /* Colors */
    --ac-btn-color: var(--ac-white);
    --ac-btn-border-radius: 50rem;
    /* pill */
    /* Gradients */
    --ac-btn-bg: linear-gradient(135deg,
            var(--ac-plum-900) 0%,
            var(--ac-magenta-800) 50%,
            var(--ac-sunset-orange) 90%);
    --ac-btn-border-bg: linear-gradient(135deg,
            var(--ac-plum-900),
            var(--ac-magenta-800),
            var(--ac-sunset-orange));

    --ac-btn-hover-bg: linear-gradient(135deg,
            var(--ac-sunset-orange) 0%,
            var(--ac-magenta-800) 50%,
            var(--ac-plum-900) 90%);
    --ac-btn-hover-border-bg: linear-gradient(135deg,
            var(--ac-sunset-orange),
            var(--ac-magenta-800),
            var(--ac-plum-900));

    /* Apply */
    color: var(--ac-btn-color);
    border: var(--ac-btn-border-width) solid transparent;
    transition: all 0.25s ease-in-out;

    background:
        var(--ac-btn-bg) padding-box,
        var(--ac-btn-border-bg) border-box;
}

.ac-btn-grad-primary:hover {
    background:
        var(--ac-btn-hover-bg) padding-box,
        var(--ac-btn-hover-border-bg) border-box;
}

/* =========================
   Global Text Color Utilities
   ========================= */
[class^="text-"],
[class*=" text-"] {
    color: inherit;
}

/* Neutral */
.text-white {
    color: var(--ac-white) !important;
}

.text-black {
    color: var(--ac-midnight-indigo) !important;
}

/* Brand */
.text-orange {
    color: var(--ac-orange) !important;
}

.text-purple {
    color: var(--ac-purple) !important;
}

.text-magenta {
    color: var(--ac-magenta) !important;
}

/* Scales */
.text-plum-900 {
    color: var(--ac-plum-900) !important;
}

.text-plum-800 {
    color: var(--ac-plum-800) !important;
}

.text-plum-700 {
    color: var(--ac-plum-700) !important;
}

.text-plum-600 {
    color: var(--ac-plum-600) !important;
}

.text-plum-500 {
    color: var(--ac-plum-500) !important;
}

.text-plum-400 {
    color: var(--ac-plum-400) !important;
}

.text-plum-300 {
    color: var(--ac-plum-300) !important;
}

.text-plum-200 {
    color: var(--ac-plum-200) !important;
}

.text-plum-150 {
    color: var(--ac-plum-150) !important;
}

.text-blue-900 {
    color: var(--ac-blue-900) !important;
}

.text-blue-800 {
    color: var(--ac-blue-800) !important;
}

.text-blue-700 {
    color: var(--ac-blue-700) !important;
}

.text-blue-600 {
    color: var(--ac-blue-600) !important;
}

.text-blue-500 {
    color: var(--ac-blue-500) !important;
}

.text-blue-400 {
    color: var(--ac-blue-400) !important;
}

.text-blue-300 {
    color: var(--ac-blue-300) !important;
}

.text-blue-200 {
    color: var(--ac-blue-200) !important;
}

.text-blue-150 {
    color: var(--ac-blue-150) !important;
}

.text-yellow-900 {
    color: var(--ac-yellow-900) !important;
}

.text-yellow-800 {
    color: var(--ac-yellow-800) !important;
}

.text-yellow-750 {
    color: var(--ac-yellow-750) !important;
}

.text-yellow-700 {
    color: var(--ac-yellow-700) !important;
}

.text-yellow-600 {
    color: var(--ac-yellow-600) !important;
}

.text-yellow-500 {
    color: var(--ac-yellow-500) !important;
}

.text-yellow-400 {
    color: var(--ac-yellow-400) !important;
}

.text-yellow-300 {
    color: var(--ac-yellow-300) !important;
}

.text-yellow-200 {
    color: var(--ac-yellow-200) !important;
}

.text-yellow-100 {
    color: var(--ac-yellow-100) !important;
}

.text-green-900 {
    color: var(--ac-green-900) !important;
}

.text-green-800 {
    color: var(--ac-green-800) !important;
}

.text-green-700 {
    color: var(--ac-green-700) !important;
}

.text-green-600 {
    color: var(--ac-green-600) !important;
}

.text-green-500 {
    color: var(--ac-green-500) !important;
}

.text-green-400 {
    color: var(--ac-green-400) !important;
}

.text-green-300 {
    color: var(--ac-green-300) !important;
}

.text-green-200 {
    color: var(--ac-green-200) !important;
}

.text-green-150 {
    color: var(--ac-green-150) !important;
}

.text-violet-900 {
    color: var(--ac-violet-900) !important;
}

.text-violet-800 {
    color: var(--ac-violet-800) !important;
}

.text-violet-700 {
    color: var(--ac-violet-700) !important;
}

.text-violet-600 {
    color: var(--ac-violet-600) !important;
}

.text-violet-500 {
    color: var(--ac-violet-500) !important;
}

.text-violet-400 {
    color: var(--ac-violet-400) !important;
}

.text-violet-300 {
    color: var(--ac-violet-300) !important;
}

.text-violet-200 {
    color: var(--ac-violet-200) !important;
}

.text-violet-150 {
    color: var(--ac-violet-150) !important;
}

/* =========================
   Global Background Utilities
   ========================= */
[class^="bg-"],
[class*=" bg-"] {
    background-color: inherit;
    color: inherit;
}

/* Neutral */
.bg-white {
    background-color: var(--ac-white) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-black {
    background-color: var(--ac-midnight-indigo) !important;
    color: var(--ac-white) !important;
}

/* Brand */
.bg-orange {
    background-color: var(--ac-orange) !important;
    color: var(--ac-white) !important;
}

.bg-purple {
    background-color: var(--ac-purple) !important;
    color: var(--ac-white) !important;
}

.bg-magenta {
    background-color: var(--ac-magenta) !important;
    color: var(--ac-white) !important;
}

/* Scales - Plum */
.bg-plum-900 {
    background-color: var(--ac-plum-900) !important;
    color: var(--ac-white) !important;
}

.bg-plum-800 {
    background-color: var(--ac-plum-800) !important;
    color: var(--ac-white) !important;
}

.bg-plum-700 {
    background-color: var(--ac-plum-700) !important;
    color: var(--ac-white) !important;
}

.bg-plum-600 {
    background-color: var(--ac-plum-600) !important;
    color: var(--ac-white) !important;
}

.bg-plum-500 {
    background-color: var(--ac-plum-500) !important;
    color: var(--ac-white) !important;
}

.bg-plum-400 {
    background-color: var(--ac-plum-400) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-plum-300 {
    background-color: var(--ac-plum-300) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-plum-200 {
    background-color: var(--ac-plum-200) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-plum-150 {
    background-color: var(--ac-plum-150) !important;
    color: var(--ac-near-black-111) !important;
}

/* Scales - Blue */
.bg-blue-900 {
    background-color: var(--ac-blue-900) !important;
    color: var(--ac-white) !important;
}

.bg-blue-800 {
    background-color: var(--ac-blue-800) !important;
    color: var(--ac-white) !important;
}

.bg-blue-700 {
    background-color: var(--ac-blue-700) !important;
    color: var(--ac-white) !important;
}

.bg-blue-600 {
    background-color: var(--ac-blue-600) !important;
    color: var(--ac-white) !important;
}

.bg-blue-500 {
    background-color: var(--ac-blue-500) !important;
    color: var(--ac-white) !important;
}

.bg-blue-400 {
    background-color: var(--ac-blue-400) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-blue-300 {
    background-color: var(--ac-blue-300) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-blue-200 {
    background-color: var(--ac-blue-200) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-blue-150 {
    background-color: var(--ac-blue-150) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-blue-100 {
    background-color: var(--ac-blue-100) !important;
    color: var(--ac-near-black-111) !important;
}

/* Scales - Yellow */
.bg-yellow-900 {
    background-color: var(--ac-yellow-900) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-yellow-800 {
    background-color: var(--ac-yellow-800) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-yellow-750 {
    background-color: var(--ac-yellow-750) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-yellow-700 {
    background-color: var(--ac-yellow-700) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-yellow-600 {
    background-color: var(--ac-yellow-600) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-yellow-500 {
    background-color: var(--ac-yellow-500) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-yellow-400 {
    background-color: var(--ac-yellow-400) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-yellow-300 {
    background-color: var(--ac-yellow-300) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-yellow-200 {
    background-color: var(--ac-yellow-200) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-yellow-100 {
    background-color: var(--ac-yellow-100) !important;
    color: var(--ac-near-black-111) !important;
}

/* Scales - Green */
.bg-green-900 {
    background-color: var(--ac-green-900) !important;
    color: var(--ac-white) !important;
}

.bg-green-800 {
    background-color: var(--ac-green-800) !important;
    color: var(--ac-white) !important;
}

.bg-green-700 {
    background-color: var(--ac-green-700) !important;
    color: var(--ac-white) !important;
}

.bg-green-600 {
    background-color: var(--ac-green-600) !important;
    color: var(--ac-white) !important;
}

.bg-green-500 {
    background-color: var(--ac-green-500) !important;
    color: var(--ac-white) !important;
}

.bg-green-400 {
    background-color: var(--ac-green-400) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-green-300 {
    background-color: var(--ac-green-300) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-green-200 {
    background-color: var(--ac-green-200) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-green-150 {
    background-color: var(--ac-green-150) !important;
    color: var(--ac-near-black-111) !important;
}

/* Scales - Violet */
.bg-violet-900 {
    background-color: var(--ac-violet-900) !important;
    color: var(--ac-white) !important;
}

.bg-violet-800 {
    background-color: var(--ac-violet-800) !important;
    color: var(--ac-white) !important;
}

.bg-violet-700 {
    background-color: var(--ac-violet-700) !important;
    color: var(--ac-white) !important;
}

.bg-violet-600 {
    background-color: var(--ac-violet-600) !important;
    color: var(--ac-white) !important;
}

.bg-violet-500 {
    background-color: var(--ac-violet-500) !important;
    color: var(--ac-white) !important;
}

.bg-violet-400 {
    background-color: var(--ac-violet-400) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-violet-300 {
    background-color: var(--ac-violet-300) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-violet-200 {
    background-color: var(--ac-violet-200) !important;
    color: var(--ac-near-black-111) !important;
}

.bg-violet-150 {
    background-color: var(--ac-violet-150) !important;
    color: var(--ac-near-black-111) !important;
}