/* =========================================================
   DALIÉ — TEMA VISUAL (Minimal Luxury — único, claro)
   ========================================================= */

[data-theme="luxury"], :root {
  /* Cores base */
  --bg:           #FAF8F5;
  --bg-alt:       #F2EDE7;
  --bg-card:      #FFFFFF;
  --bg-header:    #FAF8F5;
  --bg-filter:    #F7F4F0;
  --overlay:      #4A3827;
  --bg-overlay:   color-mix(in srgb, var(--overlay) 55%, transparent);
  --bg-light:     var(--bg-alt);

  /* Texto */
  --text:         #1A1A1A;
  --text-muted:   #777065;
  --text-light:   #A89F94;
  --text-inv:     #FAF8F5;

  /* Gradiente da logo (sincronizado com admin) */
  --logo-grad-0:  #D4B56A;
  --logo-grad-35: #B08D57;
  --logo-grad-70: #8C6B2F;
  --logo-grad-100: #6F531F;

  /* Acento & destaque — baseado no gradiente da logo */
  --accent:       var(--logo-grad-70, #8B6347);
  --accent-light: var(--logo-grad-35, #C9A98A);
  --accent-hover: var(--logo-grad-100, #6B4D38);
  --sale:         #B85450;
  --sale-bg:      #FDF0EF;

  /* Bordas e sombras */
  --border:       #E4DDD5;
  --border-light: #EEE9E3;
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.06);
  --shadow-md:    0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg:    0 8px 32px rgba(0,0,0,0.12);
  --shadow-card:  0 2px 12px rgba(139,99,71,0.08);

  /* Botões primários — bronze envelhecido */
  --btn-bg:       var(--logo-grad-70, #8B6347);
  --btn-text:     #FAF8F5;
  --btn-hover:    var(--logo-grad-100, #6B4D38);
  --btn-border:   var(--logo-grad-70, #8B6347);

  /* Botões secundários — outline bronze */
  --btn2-bg:      transparent;
  --btn2-text:    var(--logo-grad-70, #8B6347);
  --btn2-border:  var(--logo-grad-70, #8B6347);
  --btn2-hover:   var(--logo-grad-70, #8B6347);
  --btn2-hover-t: #FAF8F5;

  /* Badges */
  --badge-bg:     var(--logo-grad-70, #8B6347);
  --badge-text:   #FAF8F5;
  --new-bg:       var(--logo-grad-100, #6B4D38);
  --new-text:     #FAF8F5;

  /* Preços */
  --price:        #1A1A1A;
  --price-old:    #A89F94;
  --price-sale:   #B85450;

  /* Estrelas */
  --star:         #C9A84C;
  --success:      #2A8C4A;
  --warning:      #C98A00;
  --danger:       #B3261E;
  --success-bg:   color-mix(in srgb, var(--success) 12%, var(--bg-card));
  --warning-bg:   color-mix(in srgb, var(--warning) 12%, var(--bg-card));
  --danger-bg:    color-mix(in srgb, var(--danger) 10%, var(--bg-card));

  /* Toast / popups */
  --toast-bg:     var(--logo-grad-100, #6B4D38);
  --toast-text:   #FAF8F5;

  /* Raio de borda */
  --radius-sm:    2px;
  --radius:       4px;
  --radius-md:    4px;
  --radius-lg:    6px;
  --radius-card:  6px;
  --radius-btn:   2px;
  --radius-pill:  999px;

  /* Tipografia */
  --font-head:    'Fraunces', Georgia, serif;
  --font-body:    'Jost', system-ui, sans-serif;
  --font-ui:      'Jost', system-ui, sans-serif;
  --fw-head:      400;
  --ls-head:      0.02em;
  --ls-ui:        0.08em;
  --ls-label:     0.12em;

  /* Transições */
  --transition:   0.25s ease;
  --transition-slow: 0.4s ease;

  /* Hero */
  --hero-start:   #FAF8F5;
  --hero-end:     #F0E9E0;
  --hero-bg:      linear-gradient(160deg, var(--hero-start) 0%, var(--hero-end) 100%);
  --hero-text:    #1A1A1A;

  /* Home: grupos com controle próprio no admin de aparência */
  --header-logo:      #1A1A1A;
  --header-action:    #1A1A1A;
  --header-action-border: #E4DDD5;
  --header-action-bg: #FFFFFF;
  --header-count-bg:  var(--logo-grad-70, #8B6347);
  --header-count-text: #FAF8F5;
  --hero-logo:        #1A1A1A;
  --hero-title:       #1A1A1A;
  --hero-subtitle:    #777065;
  --hero-badge:       #777065;
}

/* ── TEMA 2: STREETWEAR ── */