/* ============================================================
   DARK GREEN THEME
   Replace this file (or swap the @import in globals.css)
   to change the entire color palette without touching any
   TypeScript or component files.
   ============================================================ */
:root {
    /* --- Brand palette --- */
    --color-1-opacity:       8 24 18;
    --color-1:               #081812;
    --color-2-opacity:       9 51 36;
    --color-2:               #093324;
    --color-3-opacity:       8 24 18;
    --color-3:               #081812;
    --color-4-opacity:       255 255 255;
    --color-4:               #FFFFFF;
    --color-5-opacity:       128 166 152;
    --color-5:               #80A698;
    --color-6:               #165940;
    --color-7-opacity:       24 72 55;
    --color-7:               #184837;
    --color-8:               #FBB314;
    --color-9-opacity:       22 187 125;
    --color-9:               #16BB7D;
    --color-10-opacity:      23 63 49;
    --color-10:              #173F31; /* Primary text */
    --color-11:              #0A3223; /* Form text */
    --color-12:              #7F948C; /* Form Text */
    --color-13-opacity:      10 51 35;
    --color-13:              #0A3323; /* Dropdown */
    --color-14:              #0B4A32; /* Icon */
    --color-15-opacity:      9 51 36;
    --color-15:              #093324; /* Sidemenu 2 */
    --color-16-opacity:      7 40 28;
    --color-16:              #07281C; /* bg category | Card */
    --color-17-opacity:      22 187 125;
    --color-17:              #16BB7D; /* Label */
    --color-18:              #174635; /* Form Text */
    --color-19-opacity:      4 35 24; /* BG Popup */
    --color-19:              #042318; /* BG Popup */
    --color-20:              #0D5137; /* Outline Popup */
    --color-21-opacity:      17 17 17;
    --color-21:              #111111;
    --color-22:              #FD3C3C; /* Text Error */
    --color-23:              #2DEC07; /* Text Success */
    --color-24:              #FFBC20; /* Text Validation */
    --color-25:              #EE0000; /* Required Remark */
    --color-26:              #E39D00; /* Button Primary */
    --color-27:              #B07900; /* Button Disable */
    --color-28:              #093223; /* Button Secondary */
    --color-29-opacity:      11 79 54;
    --color-29:              #0B4F36; /* Button Secondary */
    --color-30:              #329974; /* Button Secondary */
    --color-31:              #143E2F; /* Button Secondary */

    /* --- Semantic colors --- */
    --primary:               #16BB7D;
    --secondary:             #FBB314;
    --success:               #6FF082;
    --pending:               #FEB944;
    /* can't delete it because it's used in lib as well */
    --rejected:              #FB3E63;

    /* --- Gradients --- */
    --gradient-primary:         linear-gradient(180deg, rgb(var(--color-9-opacity) / 0) 0%, var(--color-9) 100%);
    --gradient-down:    linear-gradient(180deg, var(--color-9) 0%, rgb(var(--color-9-opacity) / 0) 100%);
    --gradient-sidebar:    linear-gradient(187.1deg, var(--color-15) 9.54%, var(--color-7) 136.69%);
    --search-dropdown:       linear-gradient(131.62deg, var(--color-17) 17.04%, rgb(var(--color-17-opacity) / 0) 54.06%);
    --gradient-to-br:   linear-gradient(139.34deg, var(--color-9) 11.03%, rgb(var(--color-9-opacity) / 0) 51.24%);
    --custom-gradient:       linear-gradient(63.37deg, var(--color-8) 34.38%, var(--color-27) 137.45%);
    --radial-primary:   radial-gradient(ellipse 110% 58% at 50% 0%, rgb(var(--color-9-opacity) / 0.32) 0%, transparent 70%);
    --gradient-see-all:   linear-gradient(180deg, rgb(var(--color-9-opacity) / 0) 0%, var(--color-9) 100%);
    --gradient-verify-whatsapp: linear-gradient(76.32deg, rgb(var(--color-9-opacity) / 0.48) 12.6%, rgb(var(--color-9-opacity) / 0) 51.19%);
    --gradient-card-smartico: linear-gradient(180deg, var(--color-29) -0.29%, var(--color-1) 100.18%);
    --gradient-card-smartico-hover: linear-gradient(360deg, var(--color-2) -0.18%, var(--color-29) 100.29%);
    --gradient-card-smartico-home: linear-gradient(180deg, var(--color-29) 0%, var(--color-1) 100%);
}