/* CaseTrackr LTD — brand tokens & logo lockup
   Font: Instrument Sans (Google Fonts) — 400/500/600 */


:root {
  --ct-green:       #1F6B5B;
  --ct-green-dark:  #4FB39A; /* accent on dark backgrounds only */
  --ct-ink:         #1A1917;
  --ct-slate:       #5F5A52;
  --ct-mute:        #8A857C;
  --ct-paper:       #F4F2EE;
  --ct-white:       #FFFEFB;
  --ct-rule:        #E4DFD6;
  --ct-font:        'Instrument Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ---- Logo lockup ------------------------------------------------------- */
.ct-logo {
  display: inline-flex;
  align-items: flex-end;
  gap: 0.18em;
  font-family: var(--ct-font);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--ct-ink);
  text-decoration: none;
  font-size: 24px;          /* the only value to change when scaling */
}
.ct-logo__mark {
  width: 0.2em;
  height: 0.2em;
  background: var(--ct-green);
  margin-bottom: 0.13em;
  flex-shrink: 0;
}
/* Reversed, for dark backgrounds */
.ct-logo--reversed { color: var(--ct-white); }
.ct-logo--reversed .ct-logo__mark { background: var(--ct-green-dark); }
/* One colour, for a coloured field */
.ct-logo--mono { color: currentColor; }
.ct-logo--mono .ct-logo__mark { background: currentColor; }

/* Descriptor line (primary lockup only, 180px+ wide) */
.ct-logo-lockup { display: inline-flex; flex-direction: column; gap: 0.5em; }
.ct-logo-lockup__descriptor {
  font-family: var(--ct-font);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--ct-mute);
  padding-left: 2px;
}

/* Minimum size: 90px wide on screen. Below that, use favicon.svg. */
.ct-logo { white-space: nowrap; }
.ct-logo:hover { color: inherit; text-decoration: none; }
.ct-logo--reversed:hover { color: var(--ct-white); }