/* ===========================
   theme.css - global theme tokens/colors
   =========================== */
:root {
  /* App background + surfaces */
  --bg-dark: #0f1115;
  /* main background */
  --bg-card: #161a22;
  /* cards/panels */
  --bg-sidebar: #12161d;
  /* sidebar */

  /* Text */
  --text-main: #ffffff;
  --text-muted: #cfcfcf;
  --text-dim: #9aa3b2;

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

  /* Accent / buttons */
  --grad-orange: linear-gradient(45deg, #ffb165, #ff7a00);
  --accent: #ff8a2a;

  /* Status */
  --ok: #22c55e;
  --warn: #f59e0b;
  --danger: #ef4444;

  /* ---- Form field tokens ---- */
  --field-bg: #131823;
  /* base field surface */
  --field-bg-hover: #151b27;
  /* hover */
  --field-bg-focus: #182033;
  /* focus */
  --field-border: #293142;
  /* base border */
  --field-border-focus: #3a4560;
  /* focus border */
  --field-placeholder: #7f8aa3;
  /* placeholder */
  --field-ring: rgba(255, 138, 42, 0.20);
  /* subtle orange glow on focus */
}

a {
  color: #ffb165;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}