:root{
  /* ECOLUX palette (from eco.html / ecolux_styles.html) */
  --ecx-primary:#1e1810; /* deep brown */
  --ecx-primary-light:#3a342a;
  --ecx-secondary:#d4af37; /* gold */
  --ecx-secondary-light:#e6c252; /* light gold */
  --ecx-accent:#c7a876;
  --ecx-success:#10b981; /* green */
  --ecx-text:#1e1810;
  --ecx-bg:#fafafa;
}

/* Navbar */
.navbar{
  background: linear-gradient(90deg, rgba(30,24,16,.95), rgba(212,175,55,.08));
  border-bottom: 1px solid rgba(212,175,55,.25);
}
.navbar .navbar-item, .navbar .icon{
  color: #fff;
}
.navbar .navbar-item:hover{
  background: rgba(212,175,55,.12);
  color: var(--ecx-secondary-light);
}

/* Aside menu */
.aside{ background:#fff; border-right:1px solid rgba(212,175,55,.25); }
.menu-label{ color: var(--ecx-primary-light); }
.menu-list a{ color: var(--ecx-primary); }
.menu-list a:hover{ background: rgba(212,175,55,.1); color: var(--ecx-primary); }
.menu-list a.is-active{ background: rgba(212,175,55,.15); color: var(--ecx-primary); font-weight:600; }

/* Buttons (override Bulma defaults to avoid blue) */
.button.is-primary,
.button.is-link{ background: var(--ecx-secondary); border-color: var(--ecx-secondary); color: var(--ecx-primary); }
.button.is-primary:hover,
.button.is-link:hover{ background: var(--ecx-secondary-light); border-color: var(--ecx-secondary-light); color: var(--ecx-primary); }
.button.is-info{ background: var(--ecx-accent); border-color: var(--ecx-accent); color: var(--ecx-primary); }
.button.is-success{ background: var(--ecx-success); border-color: var(--ecx-success); }

/* Tags */
.tag.is-primary,
.tag.is-link{ background-color: var(--ecx-secondary); color: var(--ecx-primary); }

/* Pagination (DataTables, Bulma) */
.pagination-link.is-current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background: var(--ecx-secondary) !important;
  border-color: var(--ecx-secondary) !important;
  color: var(--ecx-primary) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  background: var(--ecx-secondary-light) !important;
  border-color: var(--ecx-secondary-light) !important;
  color: var(--ecx-primary) !important;
}

/* Links */
.a, a{ color: var(--ecx-secondary); }
a:hover{ color: var(--ecx-secondary-light); }

/* Tables & footer tone */
.table thead th{ background: rgba(212,175,55,.08); color: var(--ecx-primary-light); }
.footer{ background: #fff; border-top:1px solid rgba(212,175,55,.25); color: var(--ecx-primary-light); }
