/*

Copyright: 2026 - aduki, Inc
Name: Kuluhiro - Investments
Author: Fredrick Femar Ochieng
Author URL: https://femar.aduki.org

*/

/*

  Fonts
  =====

*/

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap");

/* @font-face {
  font-family: "Inter";
  src:
    url("/static/fonts/inter.woff2") format("woff2"),
    url("/static/fonts/inter.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Comfortaa";
  src:
    url("/static/fonts/comfortaa.woff2") format("woff2"),
    url("/static/fonts/comfortaa.woff") format("woff");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src:
    url("/static/fonts/ibmplexsans.woff2") format("woff2"),
    url("/static/fonts/ibmplexsans.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  src:
    url("/static/fonts/instrumentsans.woff2") format("woff2"),
    url("/static/fonts/instrumentsans.woff") format("woff");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Jetbrains Mono";
  src:
    url("/static/fonts/jetbrainsmono.woff2") format("woff2"),
    url("/static/fonts/jetbrainsmono.woff") format("woff");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Work Sans";
  src:
    url("/static/fonts/worksans.woff2") format("woff2"),
    url("/static/fonts/worksans.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
} */


/*

	Variables
	=========

*/

:root {
  --font-main: "Inter";
  --font-text: "Instrument Sans";
  --font-mono: "Jetbrains Mono";
  --font-read: "Work Sans";
  --font-article: "IBM Plex Sans";
  --font-logo: "Comfortaa";

  --vh-height: 100dvh;
  --vh-width: 100dvw;

  /* Shadows */
  --box-shadow:
    0 0 0 1px #ffffff25, 0 2px 2px #0000000a, 0 8px 16px -4px #0000000a;
  --modal-shadow: 0 12px 48px #6d758d1a;
  --text-shadow: 0 2px 4px #0000000a;
  --footer-shadow: 0 -2px 4px #0000000a;
  --header-shadow: 0 2px 4px #00000001;

  /* Scrollbar */
  --scroll-bar-background: #ddddd7;
  --scroll-bar-linear: linear-gradient(#054a30, #09d379);

  /* Borders */
  --input-border: thin solid #07a45f3f;
  --input-border-focus: thin solid #07a45f9a;
  --input-border-error: thin solid #ec4a1965;
  --anchor-border: thin solid #09d379af;
  --selected-border: 2px solid #10b98140;
  --active-border: 2px solid #07a45fb7;
  --icon-border: thin solid #3a5a403f;
  --icon-border-active: thin solid #3a5a409a;
  --border: thin solid #3546491a;
  --action-border: thin solid #07a45f73;
  --avatar-border: thin solid #09d379a4;
  --error-border: thin solid #ec4b1965;
  --rating-border: thin solid #df791aa1;
  --success-border: thin solid #10b98142;
  --warn-border: thin solid #fa643665;
  --specialist-border: thin solid #07a45f73;
  --separator-border: thin solid #fa6436ac;

  /* Bookings */
  --cancelled-border: thin solid #ff886465;
  --pending-border: thin solid #fadb53a1;
  --approved-border: thin solid #34c75965;

  /* account stat border */
  --account-stat-border: thin solid #1a7dff65;

  /* Backgrounds */
  --background: #ffffff;
  --action-background: #e3f9f0d2;
  --icon-background: #a3b18a70;
  --dot-background: #054a30c9;
  --que-background: #c8f5e36c;
  --tab-background: #c8f5e35d;
  --attachment-background: var(--gray-background);
  --withdrawable-background: #cae1ff;
  --button-background: #054a3021;
  --nav-background: #09d37931;
  --gray-background: #e7e7e7d7;
  --tabs-background: #e7e7e750;
  --verified-background: #e7e7e7;
  --morph-background: #0000002f;
  --unselectable-background: #e7e7e7c5;
  --item-background: #05050525;
  --selected-background: #2f657744;
  --upvote-background: #c8f5e35d;
  --error-background: #ffc8b73f;
  --warn-background: #d6aa833a;
  --stat-background: #ecf1f3e7;

  --today-background: #edf8fc5d;
  --holding-background: #f3f3f3;
  --loan-background: #fdbeab70;
  --revenue-background: #c8f5e35d;

  --service-background: #f7f7f7;

  --rating-background: #ffab5da9;
  --offer-background: #ffab5d49;
  --review-background: #f5f7fa;

  /* bookings */
  --cancelled-background: #f8ad962a;
  --pending-background: #fff1e92a;
  --approved-background: #d1f5d12a;

  /* account stats */
  --account-stat-background: #e6fcf45d;

  /* Transaction type backgrounds - subtle with low opacity */
  --deposit-background: #10b9811a;
  --withdraw-background: #ec4b191a;
  --transfer-background: #07a45f1a;
  --payment-background: #df791a1a;
  --payout-background: #10b9811a;
  --fee-background: #6b72801a;
  --refund-background: #10b9811a;
  --bonus-background: #fadb531a;
  --cashback-background: #df791a1a;
  --reversal-background: #ec4b191a;
  --hold-background: #6b72801a;
  --adjustment-background: #07a45f1a;
  --subscription-background: #8b5cf61a;
  --unknown-background: #6b72801a;

  /* Colors */
  --accent-color: #07a45f;
  --accent-alt: #09d379;
  --alt-color: #076b46;
  --action-color: #054a30;
  --white-color: #ffffff;
  --dark-white: #c5c5c5;
  --success-color: #10b981;
  --success-background: #10b98127;
  --gray-color: #6b7280;
  --icon-color: #404040;
  --text-color: #494d52;
  --unselectable-color: #494d52ce;
  --nav-color: #676c72;
  --label-color: #3f4246;
  --read-color: #333333;
  --title-color: #1f2937;
  --error-color: #ec4b19;
  --warn-color: #fa6436;
  --anchor-color: #0065c5;
  --rating-color: #df791a;

  /* Reels Colors */
  --shot-text-color: #b9babc;
  --shot-read-color: #b5b3b3;
  --shot-title-color: #d8d8d9;
  --shot-alt-color: #eb831f;
  --shot-error-color: #d94317;
  --shot-anchor-color: #3d8fe5;
  --shot-background: #57575752;
  --shot-active-background: #ff932f5d;

  /* image dimming */
  --image-dimming: unset;

  /* Chat Colors */
  --pin-linear-gradient: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.03),
    rgba(0, 0, 0, 0.07),
    rgba(0, 0, 0, 0.12),
    rgba(0, 0, 0, 0.18),
    rgba(0, 0, 0, 0.24),
    rgba(0, 0, 0, 0.31),
    rgba(0, 0, 0, 0.39),
    rgba(0, 0, 0, 0.47),
    rgba(0, 0, 0, 0.56),
    rgba(0, 0, 0, 0.65),
    rgba(0, 0, 0, 0.74),
    rgba(0, 0, 0, 0.84),
    rgba(0, 0, 0, 0.94),
    rgba(0, 0, 0, 1)
  );

  --pin-text-color: #ececec;
  --pin-gray-color: #c4c4c4;
  --pin-background-even: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
  --pin-background-odd: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
  --chat-background: #f0f2f5;
  --you-background: #ddfff1;
  --reply-background: #f8f8f8;
  --chat-hover: #f3f3f3;
  --chat-you-delivered: var(var(--accent-color));
  --typing-color: rgba(148 163 184 / 1);
  --message-background: linear-gradient(
    rgb(255, 143, 178) 0%,
    rgb(167, 151, 255) 50%,
    rgb(0, 229, 255) 100%
  );

  /* Modal */
  --modal-background: #6e6e6eb3;
  --modal-shadow: 0 12px 48px #6d758d33;
  --modal-border: 1px solid #83858442;
  --modal-overlay: #28104eb3;

  /* Linear Gradients */
  --action-linear: linear-gradient(#054a30, #07a45f);
  --rating-linear: linear-gradient(103.53deg, #df791a -6.72%, #fa6436 109.77%);
  --button-linear: linear-gradient(#065a3b, #076b46);
  --warn-linear: linear-gradient(103.53deg, #fa6436 -6.72%, #ec4b19 109.77%);
  --light-linear: linear-gradient(90deg, #09d379 0%, #07a45f 100%);
  --error-linear: linear-gradient(103.53deg, #fa6436 -6.72%, #ec4b19 109.77%);
  --second-linear: linear-gradient(0deg, #076b46 0%, #09d379 100%);
  --tab-linear: linear-gradient(0deg, #07a45fce 0%, #09d379cc 100%);
  --accent-linear: linear-gradient(103.53deg, #054a30 -6.72%, #07a45f 109.77%);
  --bronze-linear: linear-gradient(
    135deg,
    hsl(30, 45%, 45%) 0%,
    hsl(30, 45%, 35%) 100%
  );
  --diamond-linear: linear-gradient(135deg, #10b981 0%, #0d9968 100%);
  --platinum-linear: linear-gradient(
    135deg,
    hsl(0, 0%, 55%) 0%,
    hsl(0, 0%, 40%) 100%
  );
  --withdrawable: linear-gradient(
    to right bottom,
    oklab(63.187000000000005% -0.157 0.10108 / 0.144) 0%,
    oklab(60.307% -0.12708 0.04388 / 0.144) 100%
  );
  --alt-linear: linear-gradient(
    78deg,
    #054a30 -50%,
    #065a3b -20%,
    #076b46 5%,
    #078551 20%,
    #07a45f 40%,
    #08b76d 57.79%,
    #08c577 70%,
    #09d379 76.05%,
    #2ddb8d 85%,
    #52e3a1 88.54%,
    #76ebb5 95%,
    #9bf3c9
  );
  --loader-gradient: linear-gradient(
    -45deg,
    #ececec,
    #f0f0f0,
    #f4f4f4,
    #f8f8f8,
    #fbfbfb,
    #f5f5f5,
    #f1f1f1,
    #ededed,
    #e9e9e9,
    #e5e5e5,
    #e1e1e1,
    #dddddd,
    #e0e0e0,
    #e4e4e4,
    #e8e8e8,
    #ececec
  );
  --fade-linear-gradient: linear-gradient(
    180deg,
    #ffffff00,
    #ffffff08,
    #ffffff12,
    #ffffff1f,
    #ffffff2d,
    #ffffff3d,
    #ffffff4f,
    #ffffff63,
    #ffffff78,
    #ffffff8e,
    #ffffffa5,
    #ffffffbd,
    #ffffffd6,
    #ffffffef,
    #ffffff
  );

  --fade-linear: linear-gradient(
    180deg,
    #00000000,
    #00000008,
    #00000010,
    #00000018,
    #00000020,
    #00000028,
    #00000030,
    #00000038,
    #00000040,
    #00000048,
    #00000050,
    #00000058,
    #00000060,
    #00000068,
    #00000070,
    #00000078,
    #00000080,
    #00000088,
    #00000090,
    #00000098,
    #000000a0,
    #000000a8,
    #000000b0,
    #000000b8,
    #000000c0,
    #000000c8
  );

  --controls-gradient-left: linear-gradient(
    -90deg,
    #ffffff00,
    #ffffff08,
    #ffffff12,
    #ffffff1f,
    #ffffff2d,
    #ffffff3d,
    #ffffff4f,
    #ffffff63,
    #ffffff78,
    #ffffff8e,
    #ffffffa5,
    #ffffffbd,
    #ffffffd6,
    #ffffffef,
    #ffffff
  );
  --controls-gradient-right: linear-gradient(
    90deg,
    #ffffff00,
    #ffffff08,
    #ffffff12,
    #ffffff1f,
    #ffffff2d,
    #ffffff3d,
    #ffffff4f,
    #ffffff63,
    #ffffff78,
    #ffffff8e,
    #ffffffa5,
    #ffffffbd,
    #ffffffd6,
    #ffffffef,
    #ffffff
  );

  /* Category Icon Container Gradients */
  --promotions-icon-bg: linear-gradient(135deg, #fff5f5, #ffeaea);
  --fast-food-icon-bg: linear-gradient(135deg, #fff8f0, #ffedd5);
  --properties-icon-bg: linear-gradient(135deg, #faf7f0, #f5f0e8);
  --services-icon-bg: linear-gradient(135deg, #f0f9f0, #e8f5e8);
  --isps-icon-bg: linear-gradient(135deg, #f5f3f0, #ede8e0);
  --movers-icon-bg: linear-gradient(135deg, #fff4f0, #ffe6d5);
  --bnbs-icon-bg: linear-gradient(135deg, #f7f5f3, #f0ebe8);
  --italian-icon-bg: linear-gradient(135deg, #f0f9f5, #e6f2ed);
  --bedsitters-icon-bg: linear-gradient(135deg, #fffaf0, #fef3d9);
  --pizza-icon-bg: linear-gradient(135deg, #fff5f5, #ffeaea);
  --cleaning-icon-bg: linear-gradient(135deg, #f0faf5, #e6f2ed);
  --plumbers-icon-bg: linear-gradient(135deg, #f8f5ff, #f0eaff);
  --bakery-icon-bg: linear-gradient(135deg, #fffdf0, #fefae6);
  --spaces-icon-bg: linear-gradient(135deg, #f8f9fa, #f1f3f4);
  --stalls-icon-bg: linear-gradient(135deg, #fff8f0, #ffedd5);
}

*,
*:after,
*:before {
  box-sizing: border-box;
  font-family: inherit;
  -webkit-box-sizing: border-box;
}

*:focus {
  outline: inherit !important;
}

*::-webkit-scrollbar {
  width: 3px;
}

*::-webkit-scrollbar-track {
  background: var(--scroll-bar-background);
}

*::-webkit-scrollbar-thumb {
  width: 3px;
  background: var(--scroll-bar-linear);
  border-radius: 50px;
}

/* Manual Theme Override - Data Attribute Support */
[data-theme="dark"] {
  --box-shadow:
    0 0 0 1px #ffffff15, 0 2px 2px #0000001a, 0 8px 16px -4px #0000002a;
  --modal-shadow: 0 12px 48px #6d758d1a;
  --text-shadow: 0 2px 4px #0000001a;
  --footer-shadow: 0 -2px 4px #0000001a;
  --header-shadow: 0 2px 4px #00000005;

  /* Scrollbar */
  --scroll-bar-background: #2a2a2a;
  --scroll-bar-linear: linear-gradient(#076b46, #09d379);

  /* Borders */
  --input-border: 1px solid #09d37983;
  --input-border-focus: 1px solid #09d3799a;
  --input-border-error: 1px solid #d74a4a9a;
  --anchor-border: 1px solid #52e3a196;
  --selected-border: 2px solid #10b98140;
  --active-border: 2px solid #07a45f73;
  --border: thin solid #979a9e2c;
  --action-border: thin solid #09d37986;
  --avatar-border: thin solid #09d379a4;
  --error-border: thin solid #9745457c;
  --rating-border: thin solid #d38e3eb1;
  --success-border: thin solid #10b98165;
  --warn-border: thin solid #c86e2065;
  --specialist-border: thin solid #09d37973;
  --separator-border: thin solid #e2781cac;

  /* Bookings */
  --cancelled-border: thin solid #fd7f5925;
  --pending-border: thin solid #fff0ab33;
  --approved-border: thin solid #34c75923;

  /* account stat border */
  --account-stat-border: thin solid #1a7dff65;

  /* Backgrounds */
  --background: #000000;
  --action-background: #0a4a3585;
  --icon-background: #3f658b75;
  --dot-background: #09d379e9;
  --que-background: #07a45f75;
  --tab-background: #09d37933;
  --morph-background: #0000003d;
  --attachment-background: var(--gray-background);
  --button-background: #07a45f45;
  --nav-background: #054a3055;
  --gray-background: #8fa8c431;
  --tabs-background: #40414250;
  --success-background: #11865f27;
  --verified-background: #0f0f0f;
  --unselectable-background: #8c9eb325;
  --item-background: #6b7c8f25;
  --selected-background: #09d37933;
  --upvote-background: #09d3792c;
  --error-background: #8321213a;
  --warn-background: #8650203a;
  --stat-background: #1d1f26;

  --today-background: #2a2a2a;
  --holding-background: #2a2a2a;
  --loan-background: #d74a4a75;
  --revenue-background: #09d3796d;

  --service-background: #4e5a6333;

  --rating-background: #d38e3ed9;
  --offer-background: #b6864f86;
  --review-background: #3a3a3a;

  /* bookings */
  --cancelled-background: #471a1a2a;
  --pending-background: #312e2141;
  --approved-background: #1a3b1a2a;

  /* account stats */
  --account-stat-background: #0a4a352a;

  /* Transaction type backgrounds - subtle with low opacity for dark theme */
  --deposit-background: #10b9812a;
  --withdraw-background: #d74a4a2a;
  --transfer-background: #07a45f2a;
  --payment-background: #d38e3e2a;
  --payout-background: #10b9812a;
  --fee-background: #7f95ad2a;
  --refund-background: #10b9812a;
  --bonus-background: #d38e3e2a;
  --cashback-background: #d38e3e2a;
  --reversal-background: #d74a4a2a;
  --hold-background: #7f95ad2a;
  --adjustment-background: #07a45f2a;
  --subscription-background: #8b5cf62a;
  --unknown-background: #7f95ad2a;

  /* Colors */
  --accent-color: #09d379;
  --accent-alt: #2ddb8d;
  --alt-color: #52e3a1;
  --action-color: #09d379;
  --success-color: #10b981;
  --white-color: #ffffff;
  --dark-white: #e5e5e5;
  /* Shifted toward accent (bluish) to avoid appearing as near-white gray */
  --gray-color: #7f95ad;
  /* medium bluish-gray */
  --icon-color: #9fb5cf;
  /* lighter bluish tone for icons */
  --text-color: #c4d2e4;
  /* readable bluish text color */
  --unselectable-color: #bcc6ce69;
  --nav-color: #dde2e5;
  --label-color: #e1e6ea;
  --read-color: #eef0f1;
  --title-color: #f6f7f8;
  --error-color: #d74a4a;
  --warn-color: #c86e20;
  --anchor-color: #5aa3dd;
  --rating-color: #d38e3e;

  /* Reels Colors - already well suited for dark theme */
  --shot-text-color: #a9aab0;
  --shot-read-color: #a5a3a3;
  --shot-title-color: #c8c8c9;
  --shot-alt-color: #d38e3e;
  --shot-error-color: #d74a4a;
  --shot-anchor-color: #5aa3dd;
  --shot-background: #5a5a5a72;
  --shot-active-background: #d38e3e6d;

  /* Image Dimming */
  --image-dimming: brightness(0.9) contrast(1);

  /* Chat Colors */
  --pin-linear-gradient: linear-gradient(
    to bottom,
    #0f0f0f00,
    #0f0f0f08,
    #0f0f0f12,
    #0f0f0f1f,
    #0f0f0f2d,
    #0f0f0f3d,
    #0f0f0f4f,
    #0f0f0f63,
    #0f0f0f78,
    #0f0f0f8e,
    #0f0f0fa5,
    #0f0f0fbd,
    #0f0f0fd6,
    #0f0f0fef,
    #0f0f0f
  );
  --pin-text-color: #e3e4e6;
  --pin-gray-color: #808690;
  --pin-background-even: linear-gradient(135deg, #252f27 0%, #353e38 100%);
  --pin-background-odd: linear-gradient(135deg, #252d3a 0%, #353e4a 100%);
  --chat-background: #232425;
  --you-background: #213f34;
  --reply-background: #333333;
  --chat-hover: #333333;
  --chat-you-delivered: var(--accent-color);
  --typing-color: rgba(139 146 160 / 1);
  --message-background: linear-gradient(
    rgb(132, 73, 184) 0%,
    rgb(93, 52, 144) 50%,
    rgb(35, 89, 215) 100%
  );

  /* Modal */
  --modal-background: #000000b3;
  --modal-shadow: 0 12px 48px #00000053;
  --modal-border: 1px solid #ffffff32;
  --modal-overlay: #bfa0d3b3;

  /* Linear Gradients for dark theme */
  --action-linear: linear-gradient(#09d379, #07a45f);
  --rating-linear: linear-gradient(103.53deg, #d38e3e -6.72%, #c86e20 109.77%);
  --button-linear: linear-gradient(#606672, #3f4b5a);
  --warn-linear: linear-gradient(103.53deg, #c86e20 -6.72%, #d74a4a 109.77%);
  --light-linear: linear-gradient(90deg, #2ddb8d 0%, #054a30 100%);
  --error-linear: linear-gradient(103.53deg, #c86e20 -6.72%, #d74a4a 109.77%);
  --second-linear: linear-gradient(0deg, #09d379 0%, #2ddb8d 100%);
  --tab-linear: linear-gradient(0deg, #09d379ee 0%, #2ddb8dcc 100%);
  --accent-linear: linear-gradient(103.53deg, #054a30 -6.72%, #07a45f 109.77%);
  --bronze-linear: linear-gradient(
    135deg,
    hsl(30, 50%, 55%) 0%,
    hsl(30, 50%, 40%) 100%
  );
  --diamond-linear: linear-gradient(135deg, #10b981 0%, #0d9968 100%);
  --platinum-linear: linear-gradient(
    135deg,
    hsl(0, 0%, 65%) 0%,
    hsl(0, 0%, 50%) 100%
  );
  --withdrawable: linear-gradient(
    to right bottom,
    oklab(63.187000000000005% -0.157 0.10108 / 0.212) 0%,
    oklab(60.307% -0.12708 0.04388 / 0.171) 100%
  );
  --alt-linear: linear-gradient(
    78deg,
    #09d379 -50%,
    #09d379 -20%,
    #2ddb8d 5%,
    #52e3a1 20%,
    #07a45f 40%,
    #06905a 57.79%,
    #057c55 70%,
    #076b46 76.05%,
    #065e3d 85%,
    #055134 88.54%,
    #054a30 95%,
    #054a30
  );
  --loader-gradient: linear-gradient(
    -45deg,
    #2a2a2a,
    #262626,
    #222222,
    #1e1e1e,
    #1a1a1a,
    #242424,
    #2e2e2e,
    #333333,
    #2f2f2f,
    #2b2b2b,
    #272727,
    #232323,
    #1f1f1f,
    #1a1a1a,
    #1e1e1e,
    #222222,
    #262626,
    #2a2a2a
  );
  --fade-linear-gradient: linear-gradient(
    180deg,
    #0f0f0f00,
    #0f0f0f08,
    #0f0f0f12,
    #0f0f0f1f,
    #0f0f0f2d,
    #0f0f0f3d,
    #0f0f0f4f,
    #0f0f0f63,
    #0f0f0f78,
    #0f0f0f8e,
    #0f0f0fa5,
    #0f0f0fbd,
    #0f0f0fd6,
    #0f0f0fef,
    #0f0f0f
  );
  --controls-gradient-left: linear-gradient(
    -90deg,
    #0f0f0f00,
    #0f0f0f08,
    #0f0f0f12,
    #0f0f0f1f,
    #0f0f0f2d,
    #0f0f0f3d,
    #0f0f0f4f,
    #0f0f0f63,
    #0f0f0f78,
    #0f0f0f8e,
    #0f0f0fa5,
    #0f0f0fbd,
    #0f0f0fd6,
    #0f0f0fef,
    #0f0f0f
  );
  --controls-gradient-right: linear-gradient(
    90deg,
    #0f0f0f00,
    #0f0f0f08,
    #0f0f0f12,
    #0f0f0f1f,
    #0f0f0f2d,
    #0f0f0f3d,
    #0f0f0f4f,
    #0f0f0f63,
    #0f0f0f78,
    #0f0f0f8e,
    #0f0f0fa5,
    #0f0f0fbd,
    #0f0f0fd6,
    #0f0f0fef,
    #0f0f0f
  );

  /* Category Icon Container Gradients - Dark Mode */
  --promotions-icon-bg: linear-gradient(135deg, #3a2525, #2d1a1a);
  --fast-food-icon-bg: linear-gradient(135deg, #3a3020, #2d2518);
  --properties-icon-bg: linear-gradient(135deg, #353020, #2a2418);
  --services-icon-bg: linear-gradient(135deg, #253a25, #1a2d1a);
  --isps-icon-bg: linear-gradient(135deg, #352f2a, #2a2420);
  --movers-icon-bg: linear-gradient(135deg, #3a2a20, #2d2018);
  --bnbs-icon-bg: linear-gradient(135deg, #352f2a, #2a2520);
  --italian-icon-bg: linear-gradient(135deg, #25352d, #1a2a22);
  --bedsitters-icon-bg: linear-gradient(135deg, #3a3525, #2d2a18);
  --pizza-icon-bg: linear-gradient(135deg, #3a2525, #2d1a1a);
  --cleaning-icon-bg: linear-gradient(135deg, #25352d, #1a2a22);
  --plumbers-icon-bg: linear-gradient(135deg, #302a3a, #25202d);
  --bakery-icon-bg: linear-gradient(135deg, #3a3825, #2d2c18);
  --spaces-icon-bg: linear-gradient(135deg, #2a2c2e, #202224);
  --stalls-icon-bg: linear-gradient(135deg, #3a3020, #2d2518);
}

/* Light theme is default - no need for explicit data-theme="light" rules */

*,
*:after,
*:before {
  box-sizing: border-box;
  font-family: inherit;
  -webkit-box-sizing: border-box;
}

*:focus {
  outline: inherit !important;
}

*::-webkit-scrollbar {
  width: 3px;
}

*::-webkit-scrollbar-track {
  background: var(--scroll-bar-background);
}

*::-webkit-scrollbar-thumb {
  width: 3px;
  background: var(--scroll-bar-linear);
  border-radius: 50px;
}