/* use rgb format without commas */
/* more details you can find here */
/* https://tailwindcss.com/docs/customizing-colors#using-css-variables */

/* This file lists ONLY the colors actually used by this script. */
/* Edit a value and the UI recolors after a resource restart (no rebuild needed). */

:root {
    /* custom colors */

    /* YOU CAN'T USE A COMMA BETWEEN RGB */
    --primary: 253 209 64; /* #fdd140 */
    --background: 32 46 59; /* #202e3b */
    --background-border: 49 71 90; /* #31475a */

    /*!!! YOU MUST USE A COMMA BETWEEN RGB !!!*/
    --primary-rgba: 253, 209, 64; /* #fdd140 */

    /* basic colors */
    --white: 255 255 255; /* #ffffff */
    --black: 0 0 0; /* #000000 */

    /* gray */
    --gray-200: 229 231 235; /* #e5e7eb */
    --gray-400: 156 163 175; /* #9ca3af */
    --gray-700: 55 65 81; /* #374151 */

    /* red */
    --red-300: 252 165 165; /* #fca5a5 */
    --red-400: 248 113 113; /* #f87171 */
    --red-500: 239 68 68; /* #ef4444 */
    --red-600: 220 38 38; /* #dc2626 */
    --red-800: 153 27 27; /* #991b1b */
    --red-900: 127 29 29; /* #7f1d1d */

    /* orange */
    --orange-400: 251 146 60; /* #fb923c */
    --orange-500: 249 115 22; /* #f97316 */
    --orange-600: 234 88 12; /* #ea580c */

    /* amber */
    --amber-300: 252 211 77; /* #fcd34d */
    --amber-400: 251 191 36; /* #fbbf24 */
    --amber-500: 245 158 11; /* #f59e0b */
    --amber-600: 217 119 6; /* #d97706 */

    /* yellow */
    --yellow-400: 250 204 21; /* #facc15 */
    --yellow-500: 234 179 8; /* #eab308 */
    --yellow-900: 113 63 18; /* #713f12 */

    /* green */
    --green-300: 134 239 172; /* #86efac */
    --green-400: 74 222 128; /* #4ade80 */
    --green-500: 34 197 94; /* #22c55e */
    --green-600: 22 163 74; /* #16a34a */
    --green-800: 22 101 52; /* #166534 */
    --green-900: 20 83 45; /* #14532d */

    /* blue */
    --blue-300: 147 197 253; /* #93c5fd */
    --blue-400: 96 165 250; /* #60a5fa */
    --blue-500: 59 130 246; /* #3b82f6 */
    --blue-600: 37 99 235; /* #2563eb */

    /* purple */
    --purple-200: 233 213 255; /* #e9d5ff */
    --purple-300: 216 180 254; /* #d8b4fe */
    --purple-400: 192 132 252; /* #c084fc */
    --purple-500: 168 85 247; /* #a855f7 */
}