/* ─── Brand palette ───────────────────────────────────────────────────────
   Matches Flutter app_theme.dart constants.
   Change colors here — they propagate everywhere.
   ───────────────────────────────────────────────────────────────────────── */
:root {
  --primary:       #0A1179;   /* deep blue    — buttons, icons, links       */
  --primary-dark:  #060B5A;   /* darker blue  — headings, section text      */
  --primary-hover: #0D16A0;   /* button hover state                         */
  --primary-press: #060B5A;   /* button active/pressed state                */
  --primary-light: #E8EAF6;   /* light blue   — card / section background   */
  --label:         #777777;   /* kLabel       — field label text            */
  --value:         #1A1A1A;   /* kValue       — data value text             */
  --divider:       #EEEEEE;   /* kDivider     — separator lines             */
}

/* ─── Base ────────────────────────────────────────────────────────────── */
body {
  font-family: 'Inter', sans-serif;
}

/* ─── Headings (overrides old cached maroon) ─────────────────────────── */
h1, h2, h3, h4 {
  color: var(--primary-dark);
}

/* ─── Value text ──────────────────────────────────────────────────────── */
.panchanga-value,
.orange-text {
  color: var(--value);
}

/* ─── Field label (above value in 2-col grid) ─────────────────────────── */
.panchanga-label {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--label);
  margin-bottom: 2px;
}

/* ─── Override Bootstrap btn-primary to match brand purple ───────────── */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover  { background-color: var(--primary-hover); border-color: var(--primary-hover); }
.btn-primary:active,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--primary-press);
  border-color: var(--primary-press);
  box-shadow: 0 0 0 0.2rem rgba(10,17,121,0.35);
}
.btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(10,17,121,0.35); }

/* ─── Prev / Next day navigation buttons ─────────────────────────────── */
.nav-button {
  width: 120px;
  height: 35px;
  background-color: var(--primary);
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.nav-button:hover  { background-color: var(--primary-hover); }
.nav-button:active { background-color: var(--primary-press); }

/* ─── Language toggle (English / తెలుగు) ─────────────────────────────── */
.lang-btn {
  padding: 4px 14px;
  border: 2px solid var(--primary);
  border-radius: 4px;
  background: white;
  color: var(--primary);
  font-weight: 600;
  cursor: pointer;
  font-size: 14px;
}
.lang-btn.active {
  background: var(--primary);
  color: white;
}

/* ─── Section header chips ────────────────────────────────────────────── */
.section-header {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--primary-dark);
  background: var(--primary-light);
  padding: 4px 8px;
  border-radius: 4px;
  margin-bottom: 0.5rem;
}