/*
 Theme Name: TTG Box Child
 Theme URI: https://ttgbox.ch
 Description: TTG Box Child Theme basierend auf Storefront
 Author: TTG Box
 Author URI: https://ttgbox.ch
 Template: storefront
 Version: 1.0.0
 Text Domain: ttgbox
*/

/* ==========================================================================
   TTG BOX – GLOBALE DESIGN-VARIABLEN
   Einziger Ort für alle Design-Entscheide.
   Aron ändert hier → gilt überall.
   ========================================================================== */

:root {

  /* --------------------------------------------------------------------------
     FARBEN
     -------------------------------------------------------------------------- */
  --mint:  #8AF2D0;   /* RE:Cycle Stoffsäckli */
  --gelb:  #FFF896;   /* Gratis-Banner */
  --pink:  #FFABCA;   /* Buttons, Akzente */
  --lila:  #B5A8FF;   /* TTG-BOX Bauchtasche, Navigation */
  --sand:  #EDCD9B;   /* Bernina Gratis, Footer, Warenkorb */
  --ink:   #1a1a1a;   /* Text */
  --weiss: #ffffff;

  /* Neue Designfarben (Aron Session 6) */
  --lila-d:  #8A7EFC;   /* Hero-Headline, Ticker, dunkles Lila */
  --pink-d:  #FC4791;   /* Hamburger, SHOP-Button, X-Button */

  /* --------------------------------------------------------------------------
     TYPOGRAFIE – FLUID TYPE SCALE (via utopia.fyi)
     Min: 360px / 18px / Scale 1.2
     Max: 1240px / 20px / Scale 1.25
     @link https://utopia.fyi/type/calculator?c=360,18,1.2,1240,20,1.25,6,3,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12
     -------------------------------------------------------------------------- */
  --step--3: clamp(0.64rem,   0.6556rem + -0.0201vw, 0.651rem);
  --step--2: clamp(0.7813rem, 0.7736rem +  0.0341vw, 0.8rem);
  --step--1: clamp(0.9375rem, 0.9119rem +  0.1136vw, 1rem);
  --step-0:  clamp(1.125rem,  1.0739rem +  0.2273vw, 1.25rem);   /* Fliesstext */
  --step-1:  clamp(1.35rem,   1.2631rem +  0.3864vw, 1.5625rem); /* Kleine Überschriften */
  --step-2:  clamp(1.62rem,   1.4837rem +  0.6057vw, 1.9531rem); /* Karten-Titel, H3 */
  --step-3:  clamp(1.944rem,  1.7405rem +  0.9044vw, 2.4414rem); /* Abschnitts-Titel, H2 */
  --step-4:  clamp(2.3328rem, 2.0387rem +  1.3072vw, 3.0518rem); /* Grosse Titel */
  --step-5:  clamp(2.7994rem, 2.384rem  +  1.8461vw, 3.8147rem); /* Hero-Titel */
  --step-6:  clamp(3.3592rem, 2.7828rem +  2.5621vw, 4.7684rem); /* Sehr grosse Hero-Titel */

  /* --------------------------------------------------------------------------
     FONTS
     -------------------------------------------------------------------------- */
  --font-titel:     'Montserrat', sans-serif; /* Überschriften, Badges (900, 700) */
  --font-text:      'Montserrat', sans-serif;             /* Fliesstext (400, 700) */

}