/*
  Equity Coffee — Base UI (dark)
  Many ops/admin/logistics pages reference /assets/css/ec_base.css.
  This file provides sane defaults + readable contrast on dark backgrounds.
*/

:root{
  --bg:#060912;
  --bg2:#0b1220;
  --panel:rgba(255,255,255,.06);
  --panel2:rgba(255,255,255,.09);
  --border:rgba(255,255,255,.12);
  --border2:rgba(255,255,255,.09);
  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.70);
  --muted2:rgba(255,255,255,.55);
  --brand:#f5c46a;
  --brand2:#e8a94a;
  --danger:#fb7185;
  --ok:#22c55e;
  --warn:#f59e0b;
  --radius:18px;
  --radius2:14px;
  --shadow:0 18px 60px rgba(0,0,0,.35);
  --shadow2:0 12px 40px rgba(0,0,0,.22);
  --t:160ms cubic-bezier(.4,0,.2,1);
  --font: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:
    radial-gradient(1200px 650px at 18% -10%, rgba(245,196,106,.16), transparent 60%),
    radial-gradient(900px 520px at 92% 0%, rgba(124,58,237,.14), transparent 60%),
    radial-gradient(900px 520px at 92% 35%, rgba(34,197,94,.08), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Links */
a{color:inherit;text-decoration:none}
a:hover{color:rgba(255,255,255,.98)}

/* Typography */
h1,h2,h3,h4,h5,h6,label,th{color:var(--text)}
p,li,td,div,span{color:var(--text)}
.muted,.subtle,.hint,small{color:var(--muted) !important; opacity:1 !important}

/* Inputs */
input,select,textarea,button{
  font-family:inherit;
  color:var(--text);
}
input,select,textarea{
  background: rgba(255,255,255,.06);
  border:1px solid var(--border);
  border-radius:12px;
  outline:none;
}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.55)}

/* Tables */
table{color:var(--text)}
th{color:rgba(255,255,255,.90)}
td{color:rgba(255,255,255,.88)}

/* Cards (optional helpers) */
.ec-card{
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  border:1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow2);
  backdrop-filter: blur(10px);
}

/* Scrollbar (subtle) */
*::-webkit-scrollbar{height:10px;width:10px}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}