/* ============================================================================
   SKY FAMILY TOKENS — shared by every Sky City Network service.
   Scope: ONLY the family layer (Sky rail, endorsement band, wallet button,
   DAI price chip, referral link). Each service keeps its own palette, type and
   layout; these tokens never style a service's own content.

   Rule: the family layer is always "Sky navy", in light AND dark themes, so it
   reads like a passport stamp — the same object on every service.
   Values come from the live Sky dApp (dapp.skycity.network).
   ============================================================================ */
:root {
  /* navy ground (dApp --bg9..--bg6) */
  --sky-navy-950: #050a16;
  --sky-navy-900: #0a1226;
  --sky-navy-800: #101c3a;
  --sky-navy-700: #1a2a52;

  /* signal (dApp --p, --a) — used at small sizes only: dots, ticks, the mark */
  --sky-cyan: #38bdf8;
  --sky-cyan-2: #22d3ee;
  --sky-grad: linear-gradient(135deg, #38bdf8 0%, #22d3ee 100%);

  /* text on navy — contrast measured on --sky-navy-950 / --sky-navy-900 */
  --sky-ink: #eef4ff;     /* 17.9:1 / 16.9:1 */
  --sky-ink-2: #a9bbe0;   /* 10.2:1 /  9.6:1 */
  --sky-ink-3: #8196c2;   /*  6.7:1 /  6.3:1 */
  --sky-line: rgba(169, 187, 224, 0.18);
  --sky-line-strong: rgba(56, 189, 248, 0.42);

  /* geometry — identical across services */
  --sky-rail-h: 44px;        /* the rail's own height = the minimum hit target */
  --sky-hit: 44px;           /* every family control */
  --sky-r-control: 10px;     /* wallet button, copy button */
  --sky-r-chip: 999px;       /* price chip, invited-by chip */
  --sky-r-card: 14px;        /* referral card */
  --sky-max: 1200px;         /* rail content width; services may override */
  --sky-gap: 16px;

  /* type — the family layer INHERITS the host service's font family.
     Loading a font just for a 44px rail would cost every page a request. */
  --sky-fs-rail: 13px;
  --sky-fs-control: 15px;
  --sky-fs-chip: 14px;
  --sky-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; /* override with the service mono */

  /* focus — the HOST supplies --focus (it knows its ground). Fallback is cyan,
     which clears 3:1 on navy (8.7:1) but NOT on a light page (1.9:1 on linen), so a
     light-theme host must set --focus. */
  --sky-focus: var(--focus, #38bdf8);

  --sky-dur: 160ms;
  --sky-ease: cubic-bezier(0.2, 0, 0, 1);
}