/* =====================================================================
   OneBloc Calling — the brand layer.

   Everything here answers "what does this module look like", independent of
   which shell is rendering it. Both the signed-in app (app.css) and the public
   landing (landing.css) import this file, so the accent and the lockup cannot
   drift apart between the two surfaces.

   Shell-specific rules do NOT belong here.
   ===================================================================== */

/* ob-tokens.css and brand.css are linked by the layout, in order, each with
   asp-append-version. They used to be pulled in with @import, which silently
   defeated cache busting: app.css?v=... was revalidated but the imported files
   were plain URLs, so a brand or token change never reached a returning user. */

:root {
  /* ---- module accent: OneBloc Calling = Lime ----
     The only unclaimed slot on the module wheel, and the colour a phone uses
     for "answer". Faces match the bloc mark in _BrandLockup / favicon.svg. */
  --acc: #65A30D;        /* key / left face — chips, dots, focus */
  --acc-deep: #4D7C0F;   /* right face — button fills, text on tint (5.0:1 on white) */
  --acc-top: #84CC16;    /* top face */
  --acc-soft: #F2F8E5;   /* ~10% tint — active nav, chip fills */

  /* the ob-* kit reads this; point it at the module accent so toasts,
     validation rings and the grid all pick up Calling's hue */
  --ob-accent: var(--acc-deep);
}

/* ---------------------------------------------------------------- lockup
   Per the locked OneBloc nav standard: module-hue bloc mark tight-cropped so
   the visible cube reads ~30px, "OneBloc" at 800/21px in the fixed brand blues
   (never recoloured), a hairline rule, then the module name at 600/17px slate. */
.lockup { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.lockup .wm { font-weight: 800; font-size: 21px; letter-spacing: -.02em; line-height: 1; display: flex; align-items: center; }
.lockup .wm .one { color: var(--ob-blue); }
.lockup .wm .bloc { color: var(--ob-navy); }
.lockup .wm .mod {
  color: var(--ob-slate); font-weight: 600; font-size: 17px;
  margin-left: 9px; padding-left: 11px; border-left: 2px solid var(--ob-line);
}
.lockup .mark { display: block; width: 34px; height: 34px; flex: none; }
.lockup .mark svg { display: block; width: 100%; height: 100%; }