/**
 * Project Uniform — brand tokens (schevent.com)
 * Accent #f28d00 · Nav #2e4957 · Teal #167a87 · Text #424241 · Neutrals #f2f1f1 … #75767c
 */
@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;600;700&display=swap");

:root {
  --brand-accent: #f28d00;
  --brand-accent-hover: #d67a00;
  --brand-accent-soft: #fff5e8;
  --brand-nav: #2e4957;
  --brand-nav-dark: #1f3641;
  --brand-teal: #167a87;
  --brand-teal-soft: #e6f3f5;
  --brand-text: #424241;
  --brand-muted: #75767c;
  --brand-bg: #f2f1f1;
  --brand-surface: #ffffff;
  --brand-border: #d3d1d0;
  --brand-border-strong: #cac7c7;

  /* Legacy aliases (หน้าเดิมใช้ชื่อนี้) */
  --custom-theme: var(--brand-accent);
  --custom-bg: var(--brand-bg);
}

html {
  background-color: var(--brand-bg);
}

body {
  font-family: "Sarabun", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--brand-text);
  background-color: var(--brand-bg);
}

/* เมนูหลัก */
.uniform-navbar {
  background-color: var(--brand-nav) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.uniform-navbar .navbar-brand,
.uniform-navbar .nav-link {
  color: rgba(255, 255, 255, 0.92) !important;
}

.uniform-navbar .nav-link:hover {
  color: #fff !important;
}

.uniform-navbar .nav-link.active {
  color: #fff !important;
  font-weight: 700;
}

.text-brand-accent {
  color: var(--brand-accent) !important;
}

.text-brand-teal {
  color: var(--brand-teal) !important;
}

.btn-theme {
  background-color: var(--brand-accent);
  color: #fff;
  border: none;
  font-weight: 700;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.btn-theme:hover,
.btn-theme:focus {
  background-color: var(--brand-accent-hover) !important;
  color: #fff !important;
}

.btn-theme:active {
  background-color: var(--brand-accent-hover) !important;
  color: #fff !important;
}

.text-theme {
  color: var(--brand-accent) !important;
}

.profile-avatar-brand {
  background: linear-gradient(135deg, var(--brand-accent) 0%, var(--brand-teal) 100%);
}

/* Bootstrap dropdown บนแถบสีเข้ม */
.uniform-navbar .dropdown-menu-dark {
  --bs-dropdown-bg: var(--brand-nav-dark);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.08);
}

.uniform-navbar .dropdown-item.active,
.uniform-navbar .dropdown-item:active {
  background-color: var(--brand-teal);
}