@charset "UTF-8";
/*!
* Theme Name: technocrat
* WooCommerce Light mode of the theme
* Description: Custom styles for the Technocrat Theme
* Author: kodx.dev
* Version: 1.6.3
*/

/* ===========================================================
   Root Dark Variables
   =========================================================== */
:root.darkmode {
  /* Primary buttons / accents (GLOBAL) */
  --color-primary: #6ead00;
  --color-secondary: #f1f1f1;

  /* Text (GLOBAL) */
  --color-text-base: #f1f1f1;
  --color-text-muted: #a39f9f;
  --color-pure: #101010;

  /* Backgrounds (GLOBAL) */
  --color-background-main: #1a1a1b;
  --color-background-alt: #202123;

  /* Highlights / surfaces (GLOBAL) */
  --color-highlight: #1f1f1f;
  --color-highlight-soft: #202123;
  --color-highlight-vivid: #191919;

  /* WooCommerce accents */
  --woo-color-accent: #c90032;
  --woo-color-accent-dark: #2b2b2b;
  --woo-color-font-discount-tag: #ffffff;

  /* Prices */
  --woo-color-price: #f1f1f1;
  --woo-color-price-del: #b1b1b1;

  /* Info boxes */
  --woo-color-info-bg: #202123;
  --woo-color-info-text: #f1f1f1;

  /* Price slider */
  --woo-price-slider-filter: #c90032;
  --woo-price-slider-filter-mask: #2b2b2b;

  /* Sale badge */
  --woo-color-sale-circle: #c90032;

  /* Inputs */
  --woo-color-input-bg: #1f1f1f;
  --woo-color-input-border: #3a3a3a;
  --woo-color-input-hover-bg: #393939;
  --woo-color-input-hover-text: #f1f1f1;

  /* Product box shadow + dividers */
  --woo-product-boxshadow: #1f1f1f;
  --woo-color-divider: #2b2b2b;

  /* Links */
  --woo-color-links-a: var(--color-primary);
  --woo-color-links-hover: var(--color-primary);

  /* Breadcrumbs */
  --woo-color-breadcrumb-text: var(--color-text-muted);

  /* Checkout messages */
  --woo-color-checkout-msg-bg: var(--color-highlight-soft);

  /* Buttons */
  --woo-button-bg: var(--color-secondary);
  --woo-button-bg-hover: var(--color-primary);
  --woo-button-text: var(--color-pure);
  --woo-button-text-hover: var(--color-pure);

  /* Secondary Buttons */
  --woo-button-alt-bg: var(--color-highlight);
  --woo-button-alt-bg-hover: var(--color-highlight-vivid);
  --woo-button-alt-text: var(--color-secondary);
  --woo-button-alt-text-hover: var(--color-secondary);

  /* Badges */
  --woo-badge-bg: var(--woo-color-accent);
  --woo-badge-text: var(--woo-color-font-discount-tag);

  /* Notices */
  --woo-notice-info-bg: var(--color-highlight-soft);
  --woo-notice-info-text: var(--color-secondary);

  --woo-notice-success-bg: #1f3d1f;
  --woo-notice-success-text: #9aff9a;

  --woo-notice-error-bg: #3a1a1a;
  --woo-notice-error-text: #ffb3b3;

  /* Product Cards */
  --woo-card-bg: var(--color-background-main);
  --woo-card-bg-hover: var(--color-highlight-vivid);
  --woo-card-border: var(--color-highlight);
  --woo-card-shadow: var(--woo-product-boxshadow);

  /* Pagination */
  --woo-pagination-bg: var(--color-highlight);
  --woo-pagination-bg-hover: var(--color-primary);
  --woo-pagination-text: var(--color-secondary);
  --woo-pagination-text-hover: var(--color-pure);
}