/* -------------------------------------
   SimpleFLO Portal Theme — Marketing Match
-------------------------------------- */
:root {
  /* Backgrounds */
  --bg: #0f172a;          /* main dark */
  --bg2: #1e293b;         /* card dark */

  /* Text */
  --ink: #e2e8f0;         /* light text */
  --muted: #94a3b8;       /* slate-muted */

  /* Borders */
  --border: #334155;

  /* Branding (kept for identity) */
  --brand: #0ea5e9;       /* SimpleFLO blue */
  --brand2: #06b6d4;      /* aqua-blue blend */

  /* Accent (SimpleFLO orange) */
  --accent: #f97316;

  /* Extra marketing-inspired colors */
  --accent2: #14b8a6;     /* marketing teal */
  --accent2-hover: #0d9488;

  /* Signals */
  --danger: #dc2626;
  --success: #16a34a;

  --radius: 10px;
  --transition: 0.2s ease;
}

/* Smooth theme transitions */
body.theme-transition {
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* Base */
body {
  background: var(--bg);
  color: var(--ink);
}

h2 {
	color: #0ea5e9;
}
ol {
	color: #0f172a;
}
/* Cards */
.card {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

/* Buttons */
.btn {
  background: var(--brand);
  border-radius: var(--radius);
  transition: var(--transition);
  color: white;
}

.btn:hover {
  background: var(--brand2);
}

/* Secondary buttons */
.btn.secondary {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--ink);
}

.btn.secondary:hover {
  border-color: var(--brand2);
  color: var(--brand2);
}

/* Links */
a {
  color: var(--brand2);
}

a:hover {
  color: var(--accent);
}

/* Tables */
table th,
table td {
  border-bottom: 1px solid var(--border);
  color: var(--ink);
}

/* Inputs */
input,
select,
textarea {
  background: var(--bg2);
  color: var(--ink);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--brand2);
}

/* Navigation */
.nav-wrap,
.site-nav .dropdown-content {
  background: var(--bg2);
  border-bottom: 1px solid var(--border);
}

.site-nav a.btn {
  background: transparent;
  border: none;
}

.site-nav a.btn:hover {
  color: var(--brand2);
}
/* ===========================
   Top Navigation Links
   =========================== */
.site-nav a.btn,
.site-nav .dropbtn {
    background: transparent !important;
    border: none !important;
    color: var(--ink);
    padding: 8px 14px;
    font-size: 15px;
    font-weight: 500;
    border-radius: var(--radius);
    transition: var(--transition);
}

.site-nav a.btn:hover,
.site-nav .dropbtn:hover {
    background: rgba(255,255,255,0.06);
    color: var(--brand2);
}
input[type=text], input[type=email], input[type=password], input[type=number], input[type=date], textarea, select {
	color: var(--brand2);
}