//
// Platz für eigene Variablen in SCSS-Notation
//
// Alle Änderungen hier müssen anschließend mit einem SCSS-Compiler
// (z.B. dem JTL-Theme-Editor Plugin) nach my-nova.css kompiliert werden
// --------------------------------------------------

// my-nova Theme
// Hier können alle Variablen notiert werden, die nur Auswirkungen auf dieses Theme haben
// -------------------Beginn eigene Variablen----------------------------------

// --- Typografie (Modern & Elegant für ein Stoffgeschäft) ---
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

$font-family-sans-serif:            'Inter', sans-serif !default;
$headings-font-family:              'Playfair Display', serif !default;
$headings-font-weight:              600 !default;

// --- Farben ---
$primary:                           #2c8d2e !default; // Das gewünschte Grün für Kauf-Buttons
$secondary:                         #d4a373 !default; // Ein warmer, erdiger Ton (passt zu Stoffen/Holz)
$body-bg:                           #f9f8f6 !default; // Ein sehr sanftes Creme/Beige als Hintergrund ("Leinwand")
$body-color:                        #333333 !default;

$footer-color:                      #FFFFFF !default;
$footer-bg-color:                   #2E3740 !default;
$header-color:                      #000000 !default;
$header-bg-color:                   #FFFFFF !default;
$copyright-bg-color:                #1a2026 !default; // Etwas dunkler als der Footer für Tiefe

$white:                             #ffffff !default;
$black:                             #000000 !default;

// --- UI Elemente (Rundungen & Schatten für einen modernen Look) ---
$enable-shadows:                    true !default;
$border-radius:                     12px !default;
$border-radius-lg:                  15px !default;
$border-radius-sm:                  8px !default;
$box-shadow:                        0 10px 30px rgba(0, 0, 0, 0.08) !default;
$box-shadow-sm:                     0 4px 12px rgba(0, 0, 0, 0.04) !default;

// --- Forms & Inputs ---
$input-border-radius:               $border-radius-sm !default;
$input-bg:                          $white !default;
$input-border-color:                #e0e0e0 !default;
$input-focus-border-color:          $secondary !default;
$input-focus-box-shadow:            0 0 0 0.2rem rgba($secondary, 0.25) !default;

// --- Animationen ---
$transition-base-duration:          0.3s !default;
$transition-base-timing:            ease-in-out !default;
$transition-base:                   all $transition-base-duration $transition-base-timing !default;
$transition-fade:                   opacity .3s linear !default;

// -------------------Ende eigene Variablen----------------------------------

// Lädt Theme-Variablen, hier aus dem "clear"
// @import '../../../../NOVA/themes/blackline/sass/variables';
@import '../../../../NOVA/themes/clear/sass/variables';
// @import '../../../../NOVA/themes/midnight/sass/variables';

// passt die Pfade an
$nova-theme-path:                   "../../../NOVA/themes";
$fa-font-path:                      "../../../NOVA/themes/base/fontawesome/webfonts";