/* tpl/theme.css  — loaded after divelog.css */
:root{
  --dd-bg: #071b1b;        /* deep sea teal (page bg) */
  --dd-surface: #0d2a2a;   /* card/nav bg */
  --dd-text: #e6f4f1;      /* main text */
  --dd-muted: #b7d9d3;     /* secondary text */
  --dd-primary: #22b3a6;   /* sea-green accent */
  --dd-accent: #ff7a66;    /* coral accent for highlights */
  --dd-radius: 14px;
  --dd-shadow: 0 8px 24px rgba(0,0,0,.25);
}

/* Page & typography */
body{
  background: var(--dd-bg);
  color: var(--dd-text);
}
a{ color: var(--dd-primary); }
a:hover{ color: #1aa094; }

/* Cards / panels (common class names from phpDivingLog templates) */
.panel, .card, .box, .datatable, .statsbox{
  background: var(--dd-surface)!important;
  border-radius: var(--dd-radius)!important;
  box-shadow: var(--dd-shadow);
  border: 1px solid rgba(255,255,255,.06)!important;
}

/* Buttons */
.btn, button, input[type=submit], .button{
  background: var(--dd-primary)!important;
  border: none!important;
  color: #052e2b!important;
  border-radius: 999px!important;
  padding: .55rem 1rem!important;
  transition: transform .08s ease;
}
.btn:hover, button:hover, input[type=submit]:hover, .button:hover{
  transform: translateY(-1px);
}

/* Tables */
table{
  border-collapse: collapse;
}
table thead th{
  background: #103333;
  color: var(--dd-muted);
}
table tbody tr:nth-child(even){
  background: rgba(255,255,255,.02);
}

/* Headers / title bar (adjust to your tpl markup) */
.header, #header, .navbar{
  background: linear-gradient(180deg, #0f2f2f, #0c2424);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

/* Tiny utility */
.muted{ color: var(--dd-muted)!important; }