/*
 * Colori del marchio Orderui.
 *
 * Il template Clearwave è verde acqua; Orderui ha un marchio marrone/terracotta
 * (lo stesso del logo e delle schermate del gestionale). Questo file è
 * collegato nell'<head> di index.html dopo orderui.css e cambia solo i colori:
 * struttura, tipografia e componenti restano quelli del template.
 *
 * Per tornare al verde acqua del template basta togliere la riga:
 *
 *     <link rel="stylesheet" href="assets/css/brand-orderui.css">
 */

:root {
  --bg:            #F6F1ED;
  --bg-alt:        #EFE7E1;
  --surface:       #FBF8F6;
  --surface-2:     #FFFFFF;
  --accent:        #8C7268;
  --accent-mid:    #A4857A;
  --accent-light:  #C2A79B;
  --accent-ghost:  rgba(140, 114, 104, 0.08);
  --accent-border: rgba(140, 114, 104, 0.18);
  --text-1:        #241C19;
  --text-2:        #55453F;
  --text-3:        #8A7871;
  --border:        rgba(36, 28, 25, 0.08);
  --shadow-sm:     0 2px 12px rgba(36, 28, 25, 0.06);
  --shadow-md:     0 8px 32px rgba(36, 28, 25, 0.10);
  --shadow-lg:     0 24px 64px rgba(36, 28, 25, 0.13);
}

/* Ombre e sfumature che nel template sono scritte a mano sul verde acqua. */
.hero::before {
  background: radial-gradient(ellipse at center, rgba(194, 167, 155, 0.20) 0%, rgba(164, 133, 122, 0.07) 50%, transparent 75%);
}
.hero::after { background: radial-gradient(ellipse at center, rgba(140, 114, 104, 0.10) 0%, transparent 70%); }

.btn-primary { box-shadow: 0 4px 16px rgba(140, 114, 104, 0.25); }
.btn-primary:hover { box-shadow: 0 6px 24px rgba(140, 114, 104, 0.35); }
.btn-primary-lg { box-shadow: 0 6px 24px rgba(140, 114, 104, 0.30); }
.btn-primary-lg:hover { box-shadow: 0 8px 32px rgba(140, 114, 104, 0.40); }
.btn-block { box-shadow: 0 6px 24px rgba(140, 114, 104, 0.30); }

.fv-pill.green { background: rgba(140, 114, 104, 0.12); color: var(--accent); }
.fv-pill.blue { background: rgba(164, 133, 122, 0.12); color: var(--accent-mid); }

.pricing-card.featured { box-shadow: 0 20px 60px rgba(140, 114, 104, 0.25); }
.pricing-card.featured:hover { box-shadow: 0 28px 80px rgba(140, 114, 104, 0.35); }
.pricing-card.featured .pricing-cta { box-shadow: 0 6px 24px rgba(140, 114, 104, 0.35); }
.pricing-card.featured .pricing-check {
  background: rgba(194, 167, 155, 0.2); border-color: rgba(194, 167, 155, 0.4);
}

.cta-inner::before {
  background: radial-gradient(ellipse at center, rgba(194, 167, 155, 0.18) 0%, transparent 70%);
}
.cta-label { border-color: rgba(194, 167, 155, 0.3); }

.demo-panel {
  background: linear-gradient(135deg, var(--accent) 0%, #A08072 60%, var(--accent-light) 100%);
  box-shadow: 0 24px 64px rgba(140, 114, 104, 0.28);
}

/* Grigi del template che tendono al verde acqua. */
.nav.scrolled { background: rgba(246, 241, 237, 0.92); }
.mobile-bar { background: rgba(251, 248, 246, 0.96); }
.phone-shell {
  background: #D9CCC5;
  box-shadow:
    0 0 0 1px rgba(160, 140, 130, 0.35),
    0 24px 56px rgba(36, 28, 25, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}