@import url("/public/output.css");
html{
    background-color: #120c0c;
    background-image: url("https://www.transparenttextures.com/patterns/45-degree-fabric-light.png");
}
@layer base {
    :root[data-theme="create"] {
        /* Base / neutral */
        --b1: var(--color-gray-800);   /* base-100 */
        --b2: var(--color-gray-400);   /* base-200 */
        --b3: var(--color-gray-300);   /* base-300 */
        --bc: var(--color-amber-200);  /* base-content (light brass text) */

        /* Primary (brass/amber) */
        --p: var(--color-amber-500);
        --pc: var(--color-black);

        /* Secondary (cyan highlight) */
        --s: var(--color-cyan-300);
        --sc: var(--color-black);

        /* Accent (lighter brass) */
        --a: var(--color-amber-300);
        --ac: var(--color-black);

        /* Neutral (dark casing) */
        --n: var(--color-gray-800);
        --nc: var(--color-amber-200);

        /* Semantic colors */
        --in: var(--color-blue-400);   /* info */
        --inc: var(--color-white);

        --su: var(--color-green-300);  /* success */
        --suc: var(--color-black);

        --wa: var(--color-yellow-500); /* warning */
        --wac: var(--color-black);

        --er: var(--color-red-300);    /* error */
        --erc: var(--color-black);
    }
}