/*
 * ============================================================
 *  COLORS - single source of truth for every color in the site
 * ============================================================
 *  Change a value here and it updates everywhere: the website,
 *  the admin/instructor panel, the course player and the
 *  payment page. Translucent shades (shadows, overlays, soft
 *  backgrounds) are derived from these colors with color-mix(),
 *  so they follow automatically.
 *
 *  Loaded first by every layout (see resources/views/layouts).
 *  Email templates and PDF views keep literal colors on purpose:
 *  email clients and the PDF renderer don't support CSS variables.
 */

:root {

    /* ---------- Brand palette: change these four to rebrand ---------- */
    --brand-dark:                 #334c60;  /* Main brand color: buttons, links, headers */
    --brand:                      #6f89a4;  /* Mid tone: gradients, accents, icons */
    --brand-light:                #d3dfed;  /* Light tint: soft borders, hover backgrounds */
    --brand-lighter:              #e6f0fc;  /* Lightest tint: highlighted / selected backgrounds */

    /* ---------- Base ---------- */
    --white:                      #ffffff;
    --black:                      #000000;

    /* ---------- Brand (main website) ---------- */
    --primary:                    var(--brand-dark);  /* Main brand color: buttons, links, active states */
    --secondary:                  var(--brand-dark);  /* Buttons, borders, icons; main accent of the course player */
    --secondary-dark:             color-mix(in srgb, var(--brand-dark) 80%, var(--black));  /* Darker shade (hover / filled states) */
    --accent:                     var(--brand);  /* Gradient end color (primary -> accent) */

    /* ---------- Text ---------- */
    --heading:                    #192335;  /* Headings and titles */
    --text:                       #6b7385;  /* Body text */
    --text-dark:                  #1e293b;  /* Strong / dark text */
    --text-muted:                 #6e798a;  /* Secondary / muted text */

    /* ---------- Borders & backgrounds ---------- */
    --border:                     #edf0f7;  /* Default border, light section background */
    --border-light:               #eeeeee;
    --border-gray:                #d9d9df;
    --divider:                    #dedede;
    --bg-soft:                    #f4f7fd;
    --bg-gray:                    #f2f3f5;
    --bg-light:                   #edf2f6;

    /* ---------- Status ---------- */
    --success:                    #50cd89;
    --danger:                     #f1416c;
    --warning:                    #ffc700;
    --rating:                     #efbb02;  /* Star ratings */

    /* ---------- Home page themes (custom_style.css) ---------- */
    --theme-green:                #13be95;
    --theme-indigo:               #5363d2;
    --theme-teal:                 #00907f;
    --theme-orange:               #f95c16;
    --theme-navy:                 #264871;
    --theme-rose:                 #ff2458;

    /* ---------- Admin & instructor panel ---------- */
    --admin-primary:              var(--primary);  /* Same as the website brand */
    --admin-heading:              #212534;
    --admin-text:                 #4b5675;
    --admin-text-muted:           #99a1b7;
    --admin-border:               #dbdfeb;
    --admin-border-light:         #e0e5f3;
    --admin-bg-soft:              var(--brand-lighter);
    --admin-bg-light:             #f4f7fe;
    --admin-success:              #17c653;
    --admin-danger:               #f8285a;

    /* ---------- Payment page ---------- */
    --payment-primary:            var(--primary);  /* Same as the website brand */
    --payment-heading:            #181c32;
    --payment-text:               #797c8b;
    --payment-border:             #cacfd4;
    --payment-border-light:       #e3e4ea;

    /* ---------- Website footer ---------- */
    --footer-bg:                  var(--brand-dark);  /* Top of the footer gradient */
    --footer-bg-end:              color-mix(in srgb, var(--brand-dark) 70%, var(--black));  /* Bottom of the footer gradient */
    --footer-text:                var(--brand-light);  /* Links, newsletter and copyright text */
    --footer-link-hover:          var(--white);
    --footer-accent:              var(--brand);  /* Social icon hover, newsletter border */

    /* ---------- Other shades ---------- */
    /* Named by hue and lightness (higher number = lighter). */
    --gray-99:                    #fafeff;
    --gray-98:                    #f8f7ff;
    --gray-98-2:                  #fff8f6;
    --gray-98-3:                  #fafafa;
    --gray-97:                    #f6f2ff;
    --gray-97-2:                  #fffcf1;
    --gray-97-3:                  #fff1f4;
    --gray-91:                    #e7e7e7;
    --gray-89:                    #e5e1e1;
    --gray-85:                    #d9d9d9;
    --gray-85-2:                  #dbd5d5;
    --gray-82:                    #d2d2d2;
    --gray-80:                    #cccccc;
    --gray-78:                    #c7c7c7;
    --gray-75:                    #bfbfbf;
    --gray-73:                    #bbbbbb;
    --gray-69:                    #b5b2ad;
    --gray-68:                    #abafb2;
    --gray-67:                    #a1a7b4;
    --gray-65:                    #a7a7a7;
    --gray-65-2:                  #a2a3a8;
    --gray-64:                    #9ca3ac;
    --gray-62:                    #9e9e9e;
    --gray-61:                    #929aa7;
    --gray-60:                    #999999;
    --gray-60-2:                  #93949e;
    --gray-58:                    #8f919b;
    --gray-56:                    #909090;
    --gray-56-2:                  #878d97;
    --gray-55:                    #838b95;
    --gray-55-2:                  #838694;
    --gray-54:                    #86868d;
    --gray-54-2:                  #858c8a;
    --gray-53:                    #888888;
    --gray-51:                    #7e8088;
    --gray-50:                    #7f7f7f;
    --gray-50-2:                  #7b7d82;
    --gray-49:                    #807a7a;
    --gray-48:                    #74807f;
    --gray-48-2:                  #78777c;
    --gray-46:                    #747579;
    --gray-46-2:                  #6c757d;
    --gray-45:                    #6e6f78;
    --gray-45-2:                  #737373;
    --gray-45-3:                  #676c7d;
    --gray-42:                    #6c6c6c;
    --gray-41:                    #64646f;
    --gray-40:                    #60616d;
    --gray-40-2:                  #666666;
    --gray-39:                    #5e6168;
    --gray-37:                    #645b5b;
    --gray-35:                    #585858;
    --gray-31:                    #4e4e4e;
    --gray-29:                    #49494a;
    --gray-27:                    #444444;
    --gray-25:                    #413d3d;
    --gray-23:                    #3b3b3b;
    --gray-20:                    #333333;
    --gray-16:                    #2a2a2a;
    --gray-15:                    #272625;
    --gray-15-2:                  #212529;
    --gray-14:                    #232323;
    --gray-13:                    #201f22;
    --gray-9:                     #171719;
    --gray-8:                     #141318;
    --gray-7:                     #121314;
    --gray-6:                     #101010;
    --gray-6-2:                   #0a0717;
    --red-95:                     #ffe8eb;
    --red-91:                     #ffcfcf;
    --red-89:                     #f5d2da;
    --red-87:                     #fec0bf;
    --red-87-2:                   #fcc0cf;
    --red-78:                     #fe90ab;
    --red-77:                     #f29a99;
    --red-75:                     #f88a89;
    --red-71:                     #ff6b88;
    --red-70:                     #fb6871;
    --red-69:                     #ff6363;
    --red-68:                     #ff5c5c;
    --red-67:                     #f65e5e;
    --red-67-2:                   #ff5577;
    --red-64:                     #fe4a4b;
    --red-62:                     #c17c8c;
    --red-61:                     #ff375e;
    --red-60:                     #ff3434;
    --red-58:                     #e93d3d;
    --red-57:                     #ff4625;
    --red-55:                     #e34133;
    --red-54:                     #dc3545;
    --red-53:                     #ff1010;
    --red-50:                     #ff0000;
    --red-40:                     #c10909;
    --orange-95:                  #ffece5;
    --orange-91:                  #ffedd1;
    --orange-90:                  #f2e1d9;
    --orange-90-2:                #f9dcd0;
    --orange-86:                  #ffe5ba;
    --orange-80:                  #ffcd99;
    --orange-71:                  #ebc27d;
    --orange-66:                  #d5957a;
    --orange-65:                  #fe954f;
    --orange-65-2:                #fe9b4f;
    --orange-62:                  #f1b44c;
    --orange-53:                  #e59928;
    --orange-50:                  #ff9800;
    --yellow-94:                  #f5f3ec;
    --yellow-92:                  #fcf5db;
    --yellow-91:                  #fef5d4;
    --yellow-91-2:                #fffccf;
    --yellow-90:                  #edebdd;
    --yellow-86:                  #f9ecbe;
    --yellow-70:                  #fedd69;
    --yellow-53:                  #ffcb11;
    --yellow-51:                  #f2bb12;
    --yellow-48:                  #f6c000;
    --green-96:                   #ecfdf3;
    --green-94:                   #e4fde7;
    --green-94-2:                 #edf2ed;
    --green-93:                   #dbffec;
    --green-91:                   #d5fde5;
    --green-91-2:                 #d1fee5;
    --green-87:                   #caf1dd;
    --green-86:                   #c6f1d5;
    --green-85:                   #c0f3d8;
    --green-79:                   #a9e8c8;
    --green-77:                   #aae1cb;
    --green-70:                   #86dfaf;
    --green-67:                   #83d4b3;
    --green-60:                   #67c997;
    --green-59:                   #63cc94;
    --green-55:                   #5dbd93;
    --green-50:                   #0bf496;
    --green-50-2:                 #00ff88;
    --green-48:                   #34c38f;
    --green-39:                   #17b06d;
    --green-37:                   #01bc40;
    --green-37-2:                 #13a96c;
    --green-34:                   #109b5f;
    --cyan-94:                    #e8f8f5;
    --cyan-93:                    #dcfdff;
    --cyan-86:                    #d3e2e2;
    --cyan-71:                    #6aceff;
    --cyan-63:                    #40c9ff;
    --cyan-61:                    #39dbfe;
    --cyan-58:                    #2bb9ff;
    --cyan-56:                    #3faadf;
    --cyan-45:                    #4b9d8a;
    --cyan-42:                    #1abc9c;
    --cyan-37:                    #3a837e;
    --cyan-31:                    #128c7e;
    --cyan-30:                    #039572;
    --cyan-27:                    #076785;
    --cyan-27-2:                  #236560;
    --cyan-25:                    #11705d;
    --cyan-22:                    #006e61;
    --cyan-9:                     #0d221d;
    --cyan-8:                     #062320;
    --blue-97:                    #f6f7f8;
    --blue-97-2:                  #eef9ff;
    --blue-94:                    #e5effc;
    --blue-94-2:                  #e4e9fd;
    --blue-94-3:                  var(--brand-lighter);
    --blue-94-4:                  #ebedf2;
    --blue-93:                    #e4e9f7;
    --blue-93-2:                  #dbe1fe;
    --blue-93-3:                  #dae7ff;
    --blue-93-4:                  #daf1fe;
    --blue-92:                    #e8e7ee;
    --blue-91:                    #d1eeff;
    --blue-90:                    #dfdfeb;
    --blue-89:                    #d5e0f3;
    --blue-89-2:                  #d0eaf8;
    --blue-89-3:                  #d1d1f5;
    --blue-88:                    #d3dfee;
    --blue-88-2:                  #dbdee4;
    --blue-87:                    #bce7ff;
    --blue-85:                    #b1e2fe;
    --blue-85-2:                  #c1d3ee;
    --blue-84:                    #ced5de;
    --blue-83:                    #b0dff9;
    --blue-83-2:                  #ccd1db;
    --blue-82:                    #c4cdde;
    --blue-81:                    #b9bbe5;
    --blue-81-2:                  #c3c9da;
    --blue-77:                    #8ca3ff;
    --blue-77-2:                  #939bf7;
    --blue-75:                    #b6bdc6;
    --blue-74:                    #7dcffe;
    --blue-74-2:                  #97a8e4;
    --blue-69:                    #7bc0e6;
    --blue-69-2:                  #a4a8bc;
    --blue-69-3:                  #8f92d1;
    --blue-69-4:                  #8b8bd5;
    --blue-68:                    #6f7fed;
    --blue-68-2:                  #61c1f8;
    --blue-68-3:                  #60aaf9;
    --blue-65:                    #4dbfff;
    --blue-65-2:                  #979fb2;
    --blue-64:                    #648fe4;
    --blue-64-2:                  #6651f5;
    --blue-63:                    #436aff;
    --blue-63-2:                  #6a96d8;
    --blue-63-3:                  #9195af;
    --blue-62:                    #674df0;
    --blue-62-2:                  #556ee6;
    --blue-61:                    #8e98a8;
    --blue-59:                    #878fa7;
    --blue-59-3:                  #387cf3;
    --blue-58:                    #316ff6;
    --blue-58-2:                  #288bfe;
    --blue-57:                    #828aa0;
    --blue-56:                    #4889d7;
    --blue-54:                    var(--brand);
    --blue-53:                    #2563eb;
    --blue-53-2:                  #1da1f2;
    --blue-52:                    #0d6efd;
    --blue-52-2:                  #2d44dd;
    --blue-52-3:                  #1877f2;
    --blue-52-4:                  #6f7a98;
    --blue-51:                    #2b78db;
    --blue-50:                    #007bff;
    --blue-49:                    #647996;
    --blue-49-2:                  #6d718c;
    --blue-43:                    #5d6c7d;
    --blue-41:                    #005fcf;
    --blue-37:                    #0079be;
    --blue-36:                    #4c4c6d;
    --blue-36-2:                  #2e5788;
    --blue-35:                    #0077b5;
    --blue-35-2:                  #4c5067;
    --blue-35-3:                  #4c5867;
    --blue-30:                    #354c62;
    --blue-29:                    #39495d;
    --blue-25:                    #1e3764;
    --blue-22:                    #26384a;
    --blue-21:                    #242d47;
    --blue-15:                    #1d1b31;
    --blue-15-2:                  #0d2a3e;
    --blue-15-3:                  #1d242d;
    --blue-12:                    #11162c;
    --blue-12-2:                  #071135;
    --blue-12-3:                  #151d27;
    --blue-10:                    #030531;
    --blue-10-2:                  #121421;
    --blue-8:                     #0f101a;
    --blue-7:                     #050e1f;
    --blue-6:                     #0a1017;
    --purple-96:                  var(--brand-lighter);
    --purple-94:                  #f3e7f8;
    --purple-93:                  #eae3f9;
    --purple-93-2:                var(--brand-light);
    --purple-88:                  #e9cdf3;
    --purple-87:                  #d3befe;
    --purple-82:                  #c8a2fe;
    --purple-82-2:                #dca2fe;
    --purple-78:                  #d58dff;
    --purple-78-2:                #c1b4d8;
    --purple-75:                  #9e83fe;
    --purple-74:                  #a57cfb;
    --purple-72:                  #8e6ffe;
    --purple-69:                  #e063ff;
    --purple-66:                  #8b5cf6;
    --purple-66-2:                #bb7fd2;
    --purple-65:                  #b94aff;
    --purple-59:                  #813af4;
    --purple-58:                  #6c4cdc;
    --purple-57:                  #7239ea;
    --purple-53:                  #8e2de2;
    --purple-51:                  #6f42c1;
    --purple-51-2:                #6610f2;
    --purple-43:                  #6a11cb;
    --purple-21:                  #261954;
    --pink-97:                    #ffeff8;
    --pink-96:                    #ffe9ef;
    --pink-95:                    #faecf1;
    --pink-95-2:                  #f6f0f4;
    --pink-95-3:                  #fee4eb;
    --pink-94:                    #f8e7f9;
    --pink-71:                    #f57499;
    --pink-65:                    #f25c88;
    --pink-58:                    #d45577;
    --pink-57:                    #ff2583;
    --pink-56:                    #d336e7;
    --pink-55:                    #e81cff;
    --pink-53:                    #cb446b;
    --pink-52:                    #e92175;
    --pink-42:                    #ba1a45;
}