/* GENERATED FILE — DO NOT EDIT.
 * Source: packages/tokens/tokens.json
 * Regenerate: npm run tokens
 * See docs/decisions/0012-wordpress-theme-moves-into-this-repo.md
 */

:root:root {
  /* Globals — every surface chains off these */
  --fct-primary-text-color: var(--color-ink);
  --fct-secondary-text-color: var(--color-ink-secondary);
  --fct-border-color: var(--color-line-subtle);
  --fct-active-border-color: var(--color-line);
  --fct-divider-color: var(--color-line-subtle);
  --fct-primary-bg-color: var(--color-ink);
  --fct-secondary-bg-color: var(--color-surface);
  --fct-input-bg-color: var(--color-bg);
  --fct-input-text-color: var(--color-ink);
  --fct-input-disabled-bg-color: var(--color-surface-alt);
  --fct-input-placeholder-text-color: var(--color-ink-muted);
  --fct-input-disabled-bg: var(--color-surface-alt);
  --fct-primary-active-text-color: var(--color-accent-ink);
  --fct-secondary-active-border-color: var(--color-accent);

  /* Buttons */
  --fct-btn-bg-color: var(--color-accent);
  --fct-btn-text-color: var(--color-on-accent);
  --fct-btn-border-color: var(--color-accent);
  --fct-secondary-btn-bg-color: var(--color-surface);
  --fct-secondary-btn-hover-bg-color: var(--color-surface-alt);
  --fct-secondary-btn-text-color: var(--color-ink);
  --fct-secondary-btn-border-color: var(--color-line);

  /* Checkout — hardcoded white in the plugin */
  --fct-checkout-summary-bg-color: var(--color-surface);
  --fct-checkout-payment-method-bg-color: var(--color-surface);
  --fct-checkout-checkbox-bg: var(--color-bg);
  --fct-checkout-address-wrapper-bg: var(--color-surface);
  --fct-checkout-shipping-methods-bg: var(--color-surface);
  --fct-checkout-address-modal-bg: var(--color-surface);
  --fct-checkout-address-active-border-color: var(--color-ink);
  --fct-checkout-radio-bg-color: var(--color-bg);
  --fct-checkout-radio-dot-bg-color: var(--color-bg);
  --fct-select-dropdown-bg: var(--color-surface);
  --fct-select-option-hover-bg: var(--color-surface-alt);

  /* Cart drawer */
  --fct-cart-drawer-bg: var(--color-surface);
  --fct-cart-drawer-open-btn-bg-color: var(--color-surface);
  --fct-cart-drawer-close-btn-color: var(--color-ink);
  --fct-cart-drawer-quantity-bg-color: var(--color-bg);
  --fct-cart-drawer-quantity-btn-bg: var(--color-surface);
  --fct-cart-drawer-quantity-btn-hover-bg: var(--color-surface-alt);
  --fct-cart-drawer-badge-bg-color: var(--color-accent);
  --fct-cart-drawer-badge-text-color: var(--color-on-accent);
  --fct-view-cart-btn-bg-color: var(--color-surface);
  --fct-view-cart-drawer-btn-hover-bg: var(--color-surface-alt);
  --fct-cart-item-delete-btn-bg-color: var(--color-surface);
  --fct-cart-item-delete-btn-hover-bg-color: var(--color-surface-alt);
  --fct-cart-drawer-footer-action-bg-color: var(--color-surface);

  /* Shop and product */
  --fct-card-bg: var(--color-surface);
  --fct-shop-checkmark-bg: var(--color-bg);
  --fct-shop-checkmark-check-border-color: var(--color-bg);
  --fct-shop-view-switcher-active-bg: var(--color-surface-alt);
  --fct-shop-paginator-bg: var(--color-surface);
  --fct-shop-paginator-items-active-color: var(--color-on-accent);
  --fct-shop-paginator-items-hover-bg: var(--color-surface-alt);
  --fct-shop-input-bg: var(--color-bg);
  --fct-single-product-qty-bg: var(--color-surface-alt);
  --fct-single-product-qty-text-color: var(--color-ink);
  --fct-adv-border-color: var(--color-line);

  /* Customer dashboard */
  --fct-customer-dashboard-btn-text-color: var(--color-on-accent);
  --fct-customer-dashboard-nav-text-color: var(--color-ink-secondary);
  --fct-customer-dashboard-nav-active-text-color: var(--color-ink);
  --fct-customer-dashboard-nav-active-bg-color: var(--color-surface-alt);
  --fct-customer-dashboard-nav-active-bar-color: var(--color-accent);
  --fct-customer-dashboard-logout-btn-bg-color: var(--color-surface-alt);
  --fct-customer-dashboard-logout-btn-hover-bg-color: var(--color-surface);

  /* Media carousel */
  --fct-carousel-bg: var(--color-surface);
  --fct-carousel-bg-gradient-start: var(--color-surface);
  --fct-carousel-bg-gradient-end: var(--color-surface);
  --fct-carousel-primary: var(--color-ink);
  --fct-carousel-primary-light: var(--color-ink-secondary);
  --fct-carousel-secondary: var(--color-ink-secondary);
  --fct-carousel-border: var(--color-line-subtle);
  --fct-carousel-border-subtle: var(--color-line-subtle);
  --fct-carousel-border-emphasis: var(--color-line);
  --fct-carousel-active-color: var(--color-accent-ink);
  --fct-carousel-hover-border: var(--color-accent-ink);
  --fct-carousel-dot-inactive: var(--color-line);
  --fct-carousel-dot-hover: var(--color-ink-muted);
  --fct-carousel-dot-active: var(--color-accent-ink);
  --fct-carousel-pagination-bg: var(--color-surface);
  --fct-carousel-pagination-border: var(--color-line-subtle);
  --fct-carousel-arrow-bg-start: var(--color-surface);
  --fct-carousel-arrow-bg-end: var(--color-surface);
  --fct-carousel-arrow-border: var(--color-line);
  --fct-carousel-arrow-color: var(--color-ink);
  --fct-carousel-arrow-hover-bg-start: var(--color-accent);
  --fct-carousel-arrow-hover-bg-end: var(--color-accent);
  --fct-carousel-arrow-hover-color: var(--color-on-accent);
}