/* Botanical palette for the plant shop. */
:root {
  color-scheme: light;
  --primary: #2F7654;
  --primary-dark: #1D5038;
  --secondary: #E1EFE5;
  --background: #F5F9F5;
  --surface: #FFFFFF;
  --text: #1F2C23;
  --text-secondary: #68766C;
  --border: #DFE9E1;
  --shadow: 0 12px 35px rgba(28, 75, 49, .09);
  --shadow-lg: 0 24px 70px rgba(28, 75, 49, .15);
}

html { background: #edf3ee; }

body,
.app-shell { background: var(--background); }

.app-topbar {
  background: rgba(248, 251, 248, .92);
  border-bottom-color: rgba(223, 233, 225, .8);
}

.bottom-nav {
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 -10px 32px rgba(28, 75, 49, .08);
}

.bottom-nav a { color: #718076; }
.bottom-nav a.active { color: var(--primary); background: #EAF3EC; }

.boton,
.native-primary,
.native-order,
.action-card.primary {
  background: linear-gradient(135deg, #3F8A60, var(--primary-dark));
  box-shadow: 0 10px 22px rgba(38, 103, 66, .2);
}

.boton.secundario,
.app-back { color: var(--primary-dark) !important; }

.native-welcome { background: linear-gradient(145deg, #fff, #EAF3EC); }
.native-kicker,
.native-shortcuts a > span,
.native-detail-facts > div,
.icon-button,
.product-facts p > span,
.product-menu > summary { background: #EAF3EC; }

.notification-bell,
.app-shell > .admin-tools a,
.admin-tools a,
.original-design-option {
  color: var(--primary-dark);
  background: #EDF5EE;
  border-color: #D6E7D9;
}

.notification-bell svg { stroke: currentColor; }
.notification-bell b { background: var(--primary); }
.admin-tools a { color: var(--primary-dark); }

.top-avatar span { background: linear-gradient(145deg, #57A878, var(--primary)); }
.catalog-filter-panel[open] > summary { border-color: #C7DDCC; background: #F0F6F1; }
.catalog-admin .catalog-filters button.active { background: var(--secondary); }
.auth-brand .auth-flower { background: var(--secondary); }
.original-design-option input { accent-color: var(--primary); }

.tabla-wrap th,
th { background: #EDF5EE; color: var(--primary-dark); }

.toast { box-shadow: 0 18px 50px rgba(28, 75, 49, .2); }

/* Header details had high priority pink mobile overrides. */
.app-topbar {
  background: rgba(248, 251, 248, .94) !important;
  border-bottom-color: rgba(207, 224, 209, .85) !important;
  box-shadow: 0 7px 24px rgba(28, 75, 49, .06) !important;
}
.app-topbar .brand { color: var(--primary-dark) !important; }
.app-topbar .brand strong { color: var(--primary-dark) !important; }
.app-topbar .brand-mark {
  border-color: rgba(47, 118, 84, .18) !important;
  background: linear-gradient(145deg, #fff, #EAF3EC) !important;
  box-shadow: 0 5px 14px rgba(47, 118, 84, .1) !important;
}
.app-topbar .brand-mark svg { stroke: var(--primary) !important; }
.app-topbar .top-avatar {
  border-color: rgba(47, 118, 84, .18) !important;
  box-shadow: 0 7px 18px rgba(28, 75, 49, .13) !important;
}
.app-topbar .top-avatar span {
  background: linear-gradient(145deg, #57A878, var(--primary-dark)) !important;
}

.pedido-flor { background: #EAF3EC !important; }
.personalizador .original-design-option { background: #EDF5EE; border-color: #D6E7D9; }
.personalizador .wizard-step h3,
.order-custom h2 { color: var(--primary-dark); }

.app-topbar {
  background: rgba(248, 251, 248, .92);
  border-bottom-color: rgba(223, 233, 225, .8);
}

.top-avatar span {
  background: linear-gradient(145deg, #57A878, var(--primary));
}

.bottom-nav a.active {
  background: #EAF3EC;
}

.native-welcome {
  background: linear-gradient(145deg, #fff, #EAF3EC);
}

.native-kicker,
.native-shortcuts a > span,
.native-detail-facts > div {
  background: #EAF3EC;
}

.icon-button,
.product-facts p > span,
.product-menu > summary {
  background: #EAF3EC;
}

.action-card.primary {
  background: linear-gradient(145deg, #57A878, var(--primary));
  box-shadow: 0 13px 28px rgba(47, 118, 84, .23);
}

.action-card.secondary {
  background: linear-gradient(145deg, #F5FAF5, #E1EFE5);
}

.catalog-admin .catalog-filters button.active {
  background: var(--secondary);
}

.auth-brand .auth-flower {
  background: var(--secondary);
}