/* ATE single brand colour system — final override layer
   Palette: deep herb green + warm cream + soft gold.
   This file is loaded last so the whole build feels like one site. */
:root{
  --ate-bg:#f6f1e4;
  --ate-bg-soft:#fbf7ed;
  --ate-surface:#fffaf0;
  --ate-surface-2:#f2ead8;
  --ate-ink:#102f22;
  --ate-ink-2:#25483a;
  --ate-muted:#657367;
  --ate-green:#0f2f1f;
  --ate-green-2:#173f2b;
  --ate-green-3:#22553d;
  --ate-gold:#d6c28b;
  --ate-gold-2:#b99a45;
  --ate-line:rgba(16,47,34,.14);
  --ate-shadow:0 18px 46px rgba(16,47,34,.12);
  --ate-radius:22px;
  --ate-radius-sm:16px;
}

html,body{
  background:radial-gradient(circle at top,#fffaf0 0%,#f6f1e4 42%,#efe4cf 100%) !important;
  color:var(--ate-ink) !important;
}

body,.app-shell,main,.page,.screen-enter{
  color:var(--ate-ink) !important;
}

/* Main surfaces */
.card,.panel,.quoteCard,.admin-card,.tool-card,.login-card,.gate-card,.fare-board,
.info-card,.review-card,.offer-card,.driver-card,.menu-card,.ate-home-welcome,
.ate-price-widget,.ate-section,.bk-card,.q-card,.form-card{
  background:linear-gradient(180deg,var(--ate-surface) 0%,var(--ate-bg-soft) 100%) !important;
  color:var(--ate-ink) !important;
  border:1px solid var(--ate-line) !important;
  border-radius:var(--ate-radius) !important;
  box-shadow:var(--ate-shadow) !important;
}

/* Premium dark feature areas */
.hero,.page-hero,.premium-hero,.ate-hero,.driver-hero,.login-hero,
.app-shell-topbar,.bottom-nav,.ate-sticky-cta,.proof-ribbon,
body[data-page="prices"] .prices-hero,
body[data-page="login"] .login-gate-hero{
  background:linear-gradient(135deg,var(--ate-green) 0%,var(--ate-green-2) 58%,#092016 100%) !important;
  color:#fff8e8 !important;
  border-color:rgba(214,194,139,.22) !important;
}

.app-shell-topbar b,.app-shell-topbar small,
.hero h1,.hero h2,.page-hero h1,.page-hero h2,.premium-hero h1,.premium-hero h2,
.driver-hero h1,.login-hero h1,.proof-ribbon *{
  color:#fff8e8 !important;
}

h1,h2,h3,h4,h5,h6,.title,.section-title{
  color:var(--ate-green) !important;
}

p,.muted,.sub,.small,small,.caption,.help-text,.section-subtitle{
  color:var(--ate-muted) !important;
}

/* Text inside dark areas */
.hero p,.page-hero p,.premium-hero p,.driver-hero p,.login-hero p,
.ate-sticky-cta p,.proof-ribbon p,.proof-ribbon .muted,
.app-shell-topbar small,
body[data-page="prices"] .prices-hero p,
body[data-page="login"] .login-gate-hero p{
  color:rgba(255,248,232,.82) !important;
}

/* Buttons */
.btn,.button,button,input[type="submit"],.admin-btn,.bk-btn,.bk-btn-primary,.cta,
.btn-primary,.btn--primary,.app-button,.gate-choice,.login-choice{
  background:linear-gradient(135deg,var(--ate-green-2),var(--ate-green)) !important;
  color:#fff8e8 !important;
  border:1px solid rgba(214,194,139,.24) !important;
  border-radius:16px !important;
  box-shadow:0 12px 28px rgba(16,47,34,.18) !important;
}

.btn.alt,.btn--secondary,.button.secondary,.admin-btn.alt,.bk-btn-secondary,
.btn-outline,.secondary,a.card, .menu-card a{
  background:var(--ate-surface) !important;
  color:var(--ate-green) !important;
  border:1px solid var(--ate-line) !important;
}

.btn.gold,.btn--gold,.admin-btn.gold,.highlight-btn{
  background:linear-gradient(135deg,var(--ate-gold),var(--ate-gold-2)) !important;
  color:#1d2116 !important;
  border:1px solid rgba(16,47,34,.12) !important;
}

/* Inputs */
input,textarea,select,.admin-input,.admin-select,.field,input[type="tel"],input[type="text"],input[type="date"],input[type="time"],input[type="number"],input[type="email"]{
  background:#fffdf7 !important;
  color:var(--ate-green) !important;
  -webkit-text-fill-color:var(--ate-green) !important;
  border:1px solid rgba(16,47,34,.22) !important;
  border-radius:15px !important;
  box-shadow:none !important;
}

label,.label,.q__label,.field-label{
  color:var(--ate-green) !important;
}

::placeholder{
  color:rgba(37,72,58,.58) !important;
  -webkit-text-fill-color:rgba(37,72,58,.58) !important;
}

/* Chips / badges */
.chip,.pill,.badge,.tag,.ate-truststrip__item,.fare-chip{
  background:rgba(214,194,139,.18) !important;
  color:var(--ate-green) !important;
  border:1px solid rgba(16,47,34,.12) !important;
}

.chip.active,.pill.active,.badge.active,.status-online{
  background:var(--ate-green) !important;
  color:#fff8e8 !important;
}

.status-busy,.pill.warn,.badge.warn{
  background:rgba(214,194,139,.32) !important;
  color:#5b4613 !important;
}

.status-offline,.pill.danger,.badge.danger{
  background:#f4e1dd !important;
  color:#8f2b2b !important;
}

/* Links */
a{
  color:var(--ate-green-3);
}
a:hover{
  color:var(--ate-green);
}

/* Bottom nav unified */
.bottom-nav,.app-bottom-nav{
  border-top:1px solid rgba(214,194,139,.22) !important;
  box-shadow:0 -14px 40px rgba(5,18,12,.24) !important;
}
.bottom-nav a,.app-bottom-nav a{
  color:rgba(255,248,232,.72) !important;
}
.bottom-nav a.active,.bottom-nav a[aria-current="page"],.app-bottom-nav a.active{
  color:var(--ate-gold) !important;
}

/* Tables / price boards */
table,.price-table,.fare-board-table{
  background:var(--ate-surface) !important;
  color:var(--ate-ink) !important;
  border-color:var(--ate-line) !important;
}
th{
  background:rgba(15,47,31,.08) !important;
  color:var(--ate-green) !important;
}
td{
  border-color:var(--ate-line) !important;
}

/* Fare numbers */
.fare-price,.price,.amount,.big-price{
  color:var(--ate-green) !important;
}

/* Mobile rhythm */
@media (max-width:700px){
  h1{font-size:clamp(28px,8vw,36px) !important;line-height:1.05 !important;}
  h2{font-size:clamp(22px,6vw,28px) !important;line-height:1.12 !important;}
  .card,.panel,.quoteCard,.admin-card,.tool-card,.login-card,.gate-card,.fare-board{border-radius:18px !important;}
  main,.app-shell{padding-bottom:96px !important;}
}