/*
Theme Name: Storefront TerraWorld Child
Theme URI: https://www.terraworld-eshop.eu
Description: Originálna dark-botanical child téma pre WooCommerce e-shop TerraWorld. Postavená na téme Storefront. Prémiový, tmavozelený, prírodný dizajn pre exotické rastliny, teráriá a vybavenie pre bioaktívne prostredia.
Author: TerraWorld
Author URI: https://www.terraworld-eshop.eu
Template: storefront
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storefront-terraworld-child
*/

/* =========================================================================
   1. DESIGN TOKENS (CSS premenné)
   - Hlavná štýlová logika je v assets/css/custom.css.
   - Tu definujeme len premenné + nevyhnutný základ, aby téma fungovala,
     aj keby sa custom.css nenačítal.
   ========================================================================= */

:root {
	/* Pozadia */
	--tw-bg:            #08110D; /* hlavné veľmi tmavé pozadie */
	--tw-bg-2:          #101915; /* sekundárne pozadie / karty */
	--tw-bg-3:          #16221C; /* hover / vyvýšené plochy */
	--tw-bg-elevated:   #1b2a22; /* najvyššia vrstva */

	/* Akcenty */
	--tw-green:         #4c8b5b; /* primárny moss/forest green */
	--tw-green-deep:    #2f5d3b; /* tmavší zelený */
	--tw-green-bright:  #6fb37e; /* svetlejší zelený pre hover/odkazy */

	/* Text */
	--tw-ivory:         #f3efe3; /* hlavný text – ivory */
	--tw-ivory-soft:    #d8d2c2; /* tlmený text */
	--tw-muted:         #9aa79c; /* sekundárny / popisky */

	/* Doplnková béžová / piesková */
	--tw-sand:          #cbb892;
	--tw-sand-soft:     #e3d6b8;

	/* Upozornenia / zľavy */
	--tw-sale:          #c98a4b; /* prírodná oranžovo-béžová pre badge zľava */
	--tw-success:       #5fae6f;

	/* Čiary / okraje */
	--tw-border:        rgba(243, 239, 227, 0.10);
	--tw-border-strong: rgba(243, 239, 227, 0.18);

	/* Tiene */
	--tw-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.35);
	--tw-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.45);
	--tw-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.55);

	/* Rádiusy */
	--tw-radius-sm: 8px;
	--tw-radius:    16px;
	--tw-radius-lg: 24px;

	/* Rozmery */
	--tw-container: 1280px;
	--tw-gap:       1.5rem;

	/* Typografia */
	--tw-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--tw-font-head: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	/* Prechody */
	--tw-ease: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =========================================================================
   2. ZÁKLAD – minimálny fallback, aby téma nevyzerala rozbito,
      ak by sa hlavný custom.css náhodou nenačítal.
   ========================================================================= */

body {
	background-color: var(--tw-bg);
	color: var(--tw-ivory);
	font-family: var(--tw-font-body);
}

a {
	color: var(--tw-green-bright);
}

/* Celá vizuálna nadstavba pokračuje v assets/css/custom.css */