/* Potiva Frontier Solutions — brand tokens for the Twende app suite.
   Offline-first: NO external fonts (Google Fonts won't load offline) — use the system stack below. */

:root {
  /* Core palette */
  --pf-bg:        #0B1437;   /* deep indigo background */
  --pf-bg-2:      #101B43;   /* slightly lighter panel bg */
  --pf-surface:   #0E1A40;   /* cards */
  --pf-border:    #26345F;   /* hairline borders */
  --pf-text:      #FFFFFF;   /* primary text on dark */
  --pf-muted:     #9FB3D1;   /* secondary text */

  /* Brand accents */
  --pf-teal:      #2DD4BF;
  --pf-teal-lite: #5EEAD4;
  --pf-blue:      #38BDF8;
  --pf-accent:    linear-gradient(90deg, #2DD4BF, #38BDF8);

  /* Semantic */
  --pf-success:   #34D399;
  --pf-warning:   #F5A623;
  --pf-danger:    #F87171;

  /* Shape & type */
  --pf-radius:      14px;
  --pf-radius-lg:   20px;
  --pf-font: "Segoe UI", Roboto, system-ui, -apple-system, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --pf-tap-min:   44px;      /* minimum touch target */
}

/* Handy helpers (optional) */
.pf-btn-primary {
  background: var(--pf-accent);
  color: #06223A;
  font-weight: 700;
  border: 0;
  border-radius: 999px;
  min-height: var(--pf-tap-min);
  padding: 0 20px;
  cursor: pointer;
}
.pf-card {
  background: var(--pf-surface);
  border: 1px solid var(--pf-border);
  border-radius: var(--pf-radius);
  color: var(--pf-text);
}
.pf-muted { color: var(--pf-muted); }