/**
 * ==========================================================================
 * TRIPKIT GLOBAL COLOR SYSTEM
 * Centralized color definitions for the entire project.
 * All brand, dark theme, light theme, neutral, and functional colors live here.
 * ==========================================================================
 */

:root {
    --color-primary: #ff3b00;
    --color-primary-rgb: 255, 59, 0;
    --color-primary-dark: #e63200;
    --color-primary-light: #ff5522;
    --color-primary-accent: #ff7a00;
    --color-primary-orange: #ff7a1a;
    --color-primary-deep: #ec6539;
    --color-primary-bright: #ff6600;
    --color-primary-warm: #ff5a36;
    --color-secondary: #ffb933;
    --color-secondary-rgb: 255, 185, 51;
    --color-secondary-dark: #fab404;
    --color-secondary-warm: #ff9d00;
    --color-secondary-deep: #ffb300;
    --color-secondary-amber: #ffa726;
    --color-secondary-light: #ffd54f;
    --color-secondary-pale: #f8da40;
    --color-secondary-bright: #ffb020;
    --color-secondary-glow: #ffc15e;
    --dark-bg: #050505;
    --dark-bg-secondary: #0a0a0a;
    --dark-surface-1: #0e0e0e;
    --dark-surface-2: #0f0f0f;
    --dark-surface-3: #141414;
    --dark-surface-4: #1a1a1a;
    --dark-surface-5: #1b1b1b;
    --dark-surface-6: #222222;
    --dark-surface-7: #252525;
    --dark-surface-card: #141414;
    --dark-surface-modal: #0a0a0a;
    --dark-border: #1f1f1f;
    --dark-border-subtle: #222222;
    --dark-text: #f5f5f5;
    --dark-text-white: #ffffff;
    --dark-text-muted: #888888;
    --dark-text-secondary: #666666;
    --dark-text-subtle: #555555;
    --dark-text-dim: #444444;
    --dark-text-darker: #333333;
    --dark-text-faint: #222222;
    --light-bg: #ffffff;
    --light-bg-secondary: #faf7f2;
    --light-bg-warm: #f9f6f0;
    --light-bg-subtle: #faf8f5;
    --light-bg-soft: #fbf9fe;
    --light-surface-warm: #f2ece1;
    --light-surface-sand: #f2ede8;
    --light-surface-cream: #faf6ee;
    --light-surface-card: #ffffff;
    --light-surface-modal: #ffffff;
    --light-border: #e5e0d5;
    --light-border-secondary: #b8b1a5;
    --light-border-soft: #d0c9bd;
    --light-border-tint: #d0c8b8;
    --light-text: #0a0a0a;
    --light-text-secondary: #666158;
    --light-muted: #8c867c;
    --light-text-darker: #5a554e;
    --light-text-soft: #a09a8f;
    --color-white: #ffffff;
    --color-white-off: #fefefe;
    --color-white-pure: #fff;
    --color-white-soft: #fffdfd;
    --color-black: #000000;
    --color-black-pure: #000;
    --color-black-soft: #070707;
    --color-gray-50: #f8f9fa;
    --color-gray-75: #f9fafb;
    --color-gray-100: #f1f1f1;
    --color-gray-125: #f4f6fb;
    --color-gray-150: #f6f6f6;
    --color-gray-175: #f7f7f7;
    --color-gray-200: #e9ecef;
    --color-gray-225: #eee;
    --color-gray-250: #e7e7e7;
    --color-gray-275: #e9e9e9;
    --color-gray-300: #dee2e6;
    --color-gray-325: #ddd;
    --color-gray-350: #dddddd;
    --color-gray-375: #d5d5d5;
    --color-gray-400: #ced4da;
    --color-gray-425: #ccc;
    --color-gray-450: #cccccc;
    --color-gray-475: #e0e0e0;
    --color-gray-500: #adb5bd;
    --color-gray-550: #aaaaaa;
    --color-gray-600: #6c757d;
    --color-gray-650: #727178;
    --color-gray-700: #4c4c4c;
    --color-gray-750: #3a3a3a;
    --color-gray-800: #343a40;
    --color-gray-850: #2b2540;
    --color-gray-900: #212529;
    --color-danger: #dc3545;
    --color-danger-rgb: 220, 53, 69;
    --color-danger-deep: #c00719;
    --color-danger-ruby: #c8102e;
    --color-danger-rose: #ff2d55;
    --color-danger-pure: #ff0000;
    --color-danger-soft: #f60000;
    --color-success: #198754;
    --color-success-rgb: 25, 135, 84;
    --color-success-alt: #28a745;
    --color-success-bright: #4caf50;
    --color-success-leaf: #258d00;
    --color-success-bg: #e9f8e9;
    --color-success-text: #4c9b4c;
    --color-success-pale: #e9f9ee;
    --color-warning: #ffc107;
    --color-warning-rgb: 255, 193, 7;
    --color-warning-toast: #e8a40a;
    --color-warning-amber: #f79837;
    --color-info: #0dcaf0;
    --color-info-rgb: 13, 202, 240;
    --color-info-blue: #0d6efd;
    --color-info-primary: #007bff;
    --color-info-sky: #008cff;
    --color-info-toast: #2f96b4;
    --color-info-soft-bg: #eef6ff;
    --color-indigo: #4338ca;
    --color-navy-dark: #242e54;
    --color-navy-opacity: #20263e;
    --color-navy-deep: #1c3352;
    --color-navy-midnight: #0f1923;
    --color-navy-slate: #162840;
    --color-navy-rich: #1d3557;
    --color-navy-blue: #205681;
    --color-navy-subtle: #2c4258;
    --color-slate-tint: #f3f6fd;
    --color-slate-paragraph: #818090;
    --color-slate-text: #5c7a94;
    --color-slate-gray: #677294;
    --color-slate-light: #e9eef5;
    --color-gold: #d69e47;
    --color-gold-deep: #b07d28;
    --color-gold-muted: #d8c9a8;
    --color-gold-warm: #e8c070;
    --color-gold-pale: #f2e4c4;
    --color-gold-tint: #ffe4b2;
    --color-gold-light: #ffe7ba;
    --color-gold-soft: #fff8e6;
    --color-gold-creamy: #fff9eb;
    --color-gold-subtle: #fff3cd;
    --color-gold-faint: #fffdf7;
    --color-gold-tan: #f5c67b;
    --color-purple: #8b3eea;
    --color-purple-light: #e8d8fb;
    --color-purple-tint: #f3eff9;
    --color-purple-soft: #9e76f1;
    --color-wallet-card: #ffb82e;
    --color-wallet-icon: #ffe0a3;
    --btn-primary-bg: var(--color-primary);
    --btn-primary-text: var(--color-white);
    --btn-primary-hover: var(--color-primary-dark);
    --btn-primary-border: var(--color-primary);
    --btn-secondary-bg: var(--color-secondary);
    --btn-secondary-text: var(--color-black);
    --btn-secondary-hover: var(--color-secondary-dark);
    --btn-secondary-border: var(--color-secondary);
    --input-bg: var(--color-white);
    --input-border: var(--color-gray-300);
    --input-text: var(--color-gray-900);
    --input-placeholder: var(--color-gray-500);
    --input-focus-border: var(--color-primary);
    --input-focus-ring: rgba(var(--color-primary-rgb), 0.25);
    --card-bg: var(--color-white);
    --card-border: var(--color-gray-300);
    --card-text: var(--color-gray-900);
    --color-border: var(--color-gray-300);
    --color-divider: var(--color-gray-200);
    --color-primary-alpha-5: rgba(var(--color-primary-rgb), 0.05);
    --color-primary-alpha-10: rgba(var(--color-primary-rgb), 0.1);
    --color-primary-alpha-15: rgba(var(--color-primary-rgb), 0.15);
    --color-primary-alpha-20: rgba(var(--color-primary-rgb), 0.2);
    --color-primary-alpha-25: rgba(var(--color-primary-rgb), 0.25);
    --color-primary-alpha-30: rgba(var(--color-primary-rgb), 0.3);
    --color-primary-alpha-40: rgba(var(--color-primary-rgb), 0.4);
    --color-primary-alpha-60: rgba(var(--color-primary-rgb), 0.6);
    --color-black-alpha-5: rgba(0, 0, 0, 0.05);
    --color-black-alpha-6: rgba(0, 0, 0, 0.06);
    --color-black-alpha-8: rgba(0, 0, 0, 0.08);
    --color-black-alpha-10: rgba(0, 0, 0, 0.1);
    --color-black-alpha-15: rgba(0, 0, 0, 0.15);
    --color-black-alpha-20: rgba(0, 0, 0, 0.2);
    --color-black-alpha-25: rgba(0, 0, 0, 0.25);
    --color-black-alpha-30: rgba(0, 0, 0, 0.3);
    --color-black-alpha-50: rgba(0, 0, 0, 0.5);
    --color-black-alpha-80: rgba(0, 0, 0, 0.8);
    --color-black-alpha-90: rgba(0, 0, 0, 0.9);
    --color-white-alpha-10: rgba(255, 255, 255, 0.1);
    --color-white-alpha-15: rgba(255, 255, 255, 0.15);
    --color-white-alpha-20: rgba(255, 255, 255, 0.2);
    --color-white-alpha-30: rgba(255, 255, 255, 0.3);
    --color-white-alpha-50: rgba(255, 255, 255, 0.5);
    --color-white-alpha-80: rgba(255, 255, 255, 0.8);
    --color-gray-dark-2f: #2f2e2e;
    --color-orange-7f: #ff7f07;
    --color-gold-rgb-174: rgb(255,174,25);
    --color-sky-tint: rgba(221, 240, 255, 1);
    --color-orange-f58-alpha: #f581082d;
    --color-sky-light-c7: #c7e6ff;
    --color-indigo-tint-eb: rgba(235, 239, 255, 1);
    --color-green-emerald: #2ecc71;
    --color-blue-royal: #2d6cdf;
    --color-transparent-white: #ffffff00;
    --color-gold-subtle-243: rgb(255 243 198);
    --color-extra-misc: rgba(2214055, 1);
    --color-black-alpha-40: rgba(0,0,0,0.4);
    --color-gray-f2f6: #f2f6f9;
    --color-blue-0b5: #0b5ed7;
    --color-sky-ebf: #ebf6ff;
    --color-gray-dark-29: #292828;
    --color-gray-f4: #f4f4f4;
    --color-danger-e74: #e74c3c;
    --color-alice-blue: #f0f8ff;
    --color-lavender-blush: #fff0f5;
    --color-slate-6b7: #6B7C93;
    --color-gold-ffae: #ffae19;
    --color-extra-1: rgb(0 0 0 / 8%);
    --color-extra-2: rgba(108, 118, 134, 0.1);
    --color-navy-alpha------15--25--35--0-06-: rgba(15, 25, 35, 0.06);
    --color-hex-e5e5e5: #e5e5e5;
    --color-hex-7e7e7e: #7e7e7e;
    --color-hex-8f8f8f: #8f8f8f;
    --color-gold-alpha------214--158--71--0-15-: rgba(214, 158, 71, 0.15);
    --color-hex-dfdfdf: #dfdfdf;
    --color-hex-d6d6d6: #d6d6d6;
    --color-hex-dbdbdb: #dbdbdb;
    --color-extra-11: rgba(0.5, 0.5, 0.5, 0.5);
    --color-hex-00000030: #00000030;
    --color-hex-f1f3f6: #f1f3f6;
    --color-hex-dcdcdc: #dcdcdc;
    --color-hex-f7d0c3: #f7d0c3;
    --color-navy-alpha------15--25--35--0-3-: rgba(15, 25, 35, 0.3);
    --color-gold-alpha------214--158--71--0-4-: rgba(214, 158, 71, 0.4);
    --color-hex-17161669: #17161669;
    --color-hex-d2d2d275: #d2d2d275;
    --color-extra-20: rgb(0 0 0 / 10%);
    --color-hex-111018: #111018;
    --color-extra-22: rgb(217 217 217 / 0%);
    --color-hex-cdcdcd: #cdcdcd;
    --color-hex-eef4f8: #eef4f8;
    --color-hex-ffffff91: #ffffff91;
    --color-hex-dadada: #dadada;
    --color-extra-27: rgb(76, 76, 76);
    --color-hex-c7b9b9: #c7b9b9;
    --color-hex-dbdbdb78: #dbdbdb78;
    --color-extra-30: rgba(0, 0, 0, 0.7);
    --color-hex-dbeefd: #dbeefd;
    --color-extra-32: hsla(0, 0%, 100%, 0.1);
    --color-extra-33: rgba(0, 0, 0, 0.55);
    --color-hex-fff3e8: #fff3e8;
    --color-hex-ffd9bd: #ffd9bd;
    --color-hex-fafafa: #fafafa;
    --color-hex-f8f9fb: #f8f9fb;
    --color-hex-0f1638: #0f1638;
    --color-hex-fcfcfc: #fcfcfc;
    --color-hex-e5d9d9: #e5d9d9;
    --color-extra-41: rgba(255, 255, 255, 0.6);
    --color-extra-42: rgba(227, 227, 227, 0.6);
    --color-hex-999: #999;
    --color-hex-59595c: #59595c;
    --color-extra-45: rgb(5, 0, 0);
    --color-hex-48fc079f: #48fc079f;
    --color-extra-47: rgb(0, 0, 0);
    --color-extra-48: rgba(255, 184, 51, 0.786);
    --color-extra-49: rgba(0, 0, 0, 0.6);
    --color-extra-50: rgba(0.25, 0.25, 0.25, 0.25);
    --color-extra-51: rgba(0.4, 0.4, 0.4, 0.4);
    --color-extra-52: rgb(255, 0, 0);
    --color-hex-c6e0ff: #c6e0ff;
    --color-hex-f8f9fa5b: #f8f9fa5b;
    --color-extra-55: rgba(235, 239, 255, 1);
    --color-extra-56: rgb(252, 251, 250);
    --color-extra-57: rgb(246, 247, 252);
    --color-hex-dbe2fb: #dbe2fb;
    --color-extra-59: rgba(0, 0, 255, 0.15);
    --color-hex-0223fd: #0223fd;
    --color-hex-f7edd8: #f7edd8;
    --color-hex-f0e9da: #f0e9da;
    --color-hex-e8dfc8: #e8dfc8;
    --color-hex-8aabb8: #8aabb8;
    --color-hex-c8b890: #c8b890;
    --color-navy-alpha------15--25--35--0-1-: rgba(15, 25, 35, 0.1);
    --color-navy-alpha------15--25--35--0-14-: rgba(15, 25, 35, 0.14);
    --color-navy-alpha------15--25--35--0-18-: rgba(15, 25, 35, 0.18);
    --color-gold-alpha------214--158--71--0-08-: rgba(214, 158, 71, 0.08);
    --color-gold-alpha------214--158--71--0-35-: rgba(214, 158, 71, 0.35);
    --color-navy-alpha------15--25--35--0-07-: rgba(15, 25, 35, 0.07);
    --color-navy-alpha------15--25--35--0-22-: rgba(15, 25, 35, 0.22);
    --color-hex-0000000d: #0000000d;
    --color-hex-8b3eea9c: #8b3eea9c;
    --color-extra-75: rgb(252, 202, 2);
    --color-extra-76: rgb(248, 236, 5);
    --color-hex-8b3eea17: #8b3eea17;
    --color-hex-f5eefd: #f5eefd;
    --color-hex-d8d8d8: #d8d8d8;
    --color-hex-c7c7cc: #c7c7cc;
    --color-extra-81: rgb(139 62 234 / 8%);
    --color-extra-82: rgb(139 148 250 / 7%);
    --color-hex-d2d2d2: #d2d2d2;
    --color-hex-ffffffd1: #ffffffd1;
    --color-hex-2b2540b8: #2b2540b8;
    --color-extra-86: rgba(221, 221, 221, 0.4);
    --color-hex-00000014: #00000014;
    --color-hex-63616121: #63616121;
    --color-hex-f4f6fc: #f4f6fc;
    --color-hex-1f1e46: #1f1e46;
    --color-hex-6d6d74: #6d6d74;
    --color-extra-92: rgba(28, 27, 35, 0.06);
    --color-hex-d0d0d0: #d0d0d0;
    --color-hex-4c82ff24: #4c82ff24;
    --color-hex-d1d1d18a: #d1d1d18a;
    --color-extra-96: rgba(0, 0, 0, 0.125);
    --color-hex-66666652: #66666652;
    --color-hex-d7d6d6: #d7d6d6;
    --color-hex-dfdfdf94: #dfdfdf94;
    --color-hex-393953: #393953;
    --color-hex-04010c: #04010c;
    --color-hex-e8d8f8: #e8d8f8;
    --color-hex-999898: #999898;
    --color-hex-a96b82: #a96b82;
    --color-hex-a099a9: #a099a9;
    --color-hex-d8dad6: #d8dad6;
    --color-hex-ffff: #ffff;
    --color-hex-877d99: #877d99;
    --color-hex-ff00003b: #ff00003b;
    --color-hex-a8accd: #a8accd;
    --color-hex-dadaf7: #dadaf7;
    --color-hex-ffffff3d: #ffffff3d;
    --color-extra-113: rgba(0, 0, 0, 0.4);
    --color-extra-114: rgba(0, 0, 0, 0.03);
    --color-hex-0d1028: #0d1028;
    --color-hex-1e2125: #1e2125;
    --color-extra-117: hsla(0, 0%, 100%, 0.15);
    --color-extra-118: hsla(0, 0%, 100%, 0.55);
    --color-extra-119: hsla(0, 0%, 100%, 0.75);
    --color-extra-120: hsla(0, 0%, 100%, 0.25);
    --color-extra-121: rgba(255, 255, 255, 0.55);
    --color-hex-ffffff2e: #ffffff2e;
    --color-hex-f1f3f5: #f1f3f5;
    --color-extra-124: rgba(255, 193, 7, 0.25);
    --color-hex-e6e9f2: #e6e9f2;
    --color-hex-fff4ea: #fff4ea;
    --color-hex-eef1f4: #eef1f4;
    --color-extra-128: rgba(0, 0, 0, 0.02);
    --color-hex-f9f9f9: #f9f9f9;
    --color-hex-ededed: #ededed;
    --color-hex-f0f0f0: #f0f0f0;
    --color-extra-132: rgba(255, 255, 255, 0.9);
    --color-extra-133: rgba(255, 255, 255, 1);
    --color-extra-134: rgba(20, 30, 72, 0.2);
    --color-extra-135: rgba(0, 0, 0, 0.45);
    --color-extra-136: rgba(0, 0, 0, 0.12);
    --color-hex-777: #777;
    --color-hex-f3f3f3: #f3f3f3;
    --color-hex-4f4f52: #4f4f52;
    --color-hex-abc4f2: #abc4f2;
    --color-hex-1f2b3f: #1f2b3f;
    --color-hex-d9d9d9: #d9d9d9;
    --color-hex-e7f1ff: #e7f1ff;
}

/* ==========================================================================
   THEME UTILITY CLASSES & COMPONENT HELPERS
   ========================================================================== */
.tk-bg-dark { background-color: var(--dark-bg) !important; }
.tk-bg-dark-secondary { background-color: var(--dark-bg-secondary) !important; }
.tk-bg-dark-surface { background-color: var(--dark-surface-3) !important; }
.tk-bg-light { background-color: var(--light-bg) !important; }
.tk-bg-light-secondary { background-color: var(--light-bg-secondary) !important; }
.tk-bg-light-surface { background-color: var(--light-surface-warm) !important; }

.tk-border-dark { border-color: var(--dark-border) !important; }
.tk-border-light { border-color: var(--light-border) !important; }

.tk-text-dark { color: var(--dark-text) !important; }
.tk-text-dark-muted { color: var(--dark-text-muted) !important; }
.tk-text-dark-secondary { color: var(--dark-text-secondary) !important; }
.tk-text-light { color: var(--light-text) !important; }
.tk-text-light-muted { color: var(--light-muted) !important; }
.tk-text-light-secondary { color: var(--light-text-secondary) !important; }

.tk-text-primary { color: var(--color-primary) !important; }
.tk-bg-primary { background-color: var(--color-primary) !important; }
.tk-border-primary { border-color: var(--color-primary) !important; }