/*
Theme Name: Soventi
Theme URI: https://www.soventi.pl
Author: Mateusz
Author URI: https://www.soventi.pl
Description: Premium B&W theme for SOVENTI - European sustainable luxury thermal bottles.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 8.1
License: Private
Text Domain: soventi
WooCommerce: 10.0
*/

/* ==========================================================================
   SOVENTI DESIGN SYSTEM v2.0 — Premium Black & White + Copper
   ========================================================================== */

:root {
  /* --- Colors --- */
  --c-white: #FFFFFF;
  --c-bg: #FFFFFF !important;
  --c-bg-alt: #FFFFFF !important;
  --c-bg-card: #FFFFFF !important;
  --c-black: #101010;
  --c-text: #000000;
  --c-text-secondary: #444444;
  --c-text-muted: #757575;
  --c-border: #E0E0E0;
  --c-border-light: #EEEEEE;

  /* Accent: Copper */
  --c-accent: #B87333;
  --c-accent-hover: #A06429;
  --c-accent-light: #F0DCC8;
  --c-accent-on-dark: #D4935A;

  /* Feedback */
  --c-success: #2D5A3D;
  --c-error: #B91C1C;

  /* Dark sections */
  --c-dark-bg: #101010;
  --c-dark-text: #FAFAFA;
  --c-dark-muted: #A0A0A0;

  /* --- Typography --- */
  --font-heading: 'Inter', -apple-system, Roboto, Arial, sans-serif;
  --font-body: 'Inter', -apple-system, Roboto, Arial, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3.25rem;
  --font-size-6xl: 4rem;

  /* --- Spacing (8px grid) --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 2rem;
  --space-16: 2.5rem;
  --space-20: 3rem;
  --space-24: 3.5rem;
  --space-32: 8rem;

  /* --- Layout --- */
  --container-max: 1200px;
  --container-narrow: 800px;
  --container-wide: 1400px;
  --section-padding: clamp(32px, 4vw, 48px);
  --side-padding: clamp(24px, 4vw, 64px);

  /* --- Radii --- */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* --- Shadows --- */
  --shadow-subtle: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-card: 0 4px 16px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.03);
  --shadow-elevated: 0 12px 32px rgba(0,0,0,0.08), 0 4px 8px rgba(0,0,0,0.03);
  --shadow-hover: 0 16px 40px rgba(0,0,0,0.1), 0 6px 12px rgba(0,0,0,0.04);

  /* --- Transitions --- */
  --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 500ms;

  /* --- Z-index --- */
  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 300;
  --z-toast: 400;
}