/* ─────────────────────────────────────────────────────────────────────
   Locate2u LogIt — Brand tokens (sub-brand of Locate2u)
   Inherits Locate2u cyan blue; deep navy is the sub-brand differentiator.
   ───────────────────────────────────────────────────────────────────── */
/* design-system/colors_and_type.css not needed — tokens are self-contained */

:root {
  /* Brand palette */
  --logit-navy:        #061830;   /* darkest surface */
  --logit-navy-2:      #0B2E4F;   /* dark surface */
  --logit-navy-3:      #142B47;   /* card on dark */
  --logit-navy-line:   rgba(255,255,255,0.08);

  --logit-blue:        #00A7E2;   /* Locate2u cyan — primary */
  --logit-blue-2:      #34CCFF;   /* highlight cyan */
  --logit-blue-deep:   #003D5C;   /* dark on-blue text */
  --logit-blue-tint:   rgba(0,167,226,0.14);
  --logit-blue-glow:   0 4px 24px rgba(0,167,226,0.35);

  /* Paper Log heritage tones (from chosen icon direction E).
     Use as warm surface for hero/CTA/callout blocks — adds the
     analog "logbook" personality without dominating the UI. */
  --logit-paper:       #FAF0D6;
  --logit-paper-2:     #F0E1B8;
  --logit-paper-line:  rgba(30,90,140,0.18);  /* ruled paper lines */
  --logit-margin-red:  #C44A4A;               /* school-logbook margin */

  /* Trip classification colors */
  --logit-business:    #00D38A;   /* green — business trip */
  --logit-business-soft: rgba(0,211,138,0.14);
  --logit-personal:    #FFB930;   /* amber — personal trip */
  --logit-personal-soft: rgba(255,185,48,0.14);

  /* Ink + greys (lighter than z2u for warmer feel) */
  --logit-ink:         #0F1E2E;
  --logit-grey-900:    #1F2A37;
  --logit-grey-700:    #475467;
  --logit-grey-500:    #667085;
  --logit-grey-400:    #98A2B3;
  --logit-grey-300:    #D0D5DD;
  --logit-grey-200:    #EAECF0;
  --logit-grey-100:    #F2F4F7;
  --logit-grey-50:     #F9FAFB;
  --logit-white:       #FFFFFF;

  /* Gradients */
  --logit-gradient-deep:    linear-gradient(160deg, #0B2E4F 0%, #061830 100%);
  --logit-gradient-cyan:    linear-gradient(160deg, #1DCBFF 0%, #00A7E2 60%, #006FA3 100%);
  --logit-gradient-soft:    linear-gradient(180deg, #F9FAFB 0%, #F2F4F7 100%);
  --logit-gradient-hero:    radial-gradient(ellipse at 30% 0%, #142B47 0%, #061830 60%);

  /* Type */
  --logit-font:        "Roboto", -apple-system, system-ui, sans-serif;
  --logit-font-rounded: "Mulish", "Nunito", "Roboto", sans-serif;

  /* Radii / shadows */
  --logit-r-card:      20px;
  --logit-r-card-sm:   14px;
  --logit-r-chip:      10px;
  --logit-r-pill:      9999px;

  --logit-shadow-card: 0 6px 24px rgba(15,30,46,0.06), 0 1px 2px rgba(15,30,46,0.04);
  --logit-shadow-lift: 0 24px 64px rgba(15,30,46,0.18);
  --logit-shadow-cta:  0 6px 22px rgba(0,167,226,0.35);
}

/* Eyebrow caps used across LogIt surfaces */
.logit-eyebrow {
  font-family: var(--logit-font);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1.56px;
  color: var(--logit-blue);
}

/* Wordmark — used in many places */
.logit-wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  font-family: var(--logit-font);
  font-weight: 900;
  font-size: 24px;
  letter-spacing: -0.6px;
  color: var(--logit-ink);
}
.logit-wordmark .dot {
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 2px;
  background: var(--logit-blue);
  margin-left: 1px;
  transform: translateY(-1px);
}
.logit-wordmark--on-dark { color: var(--logit-white); }

/* "by Locate2u" badge */
.logit-byline {
  font-family: var(--logit-font);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--logit-grey-500);
}
.logit-byline strong {
  color: var(--logit-blue);
  font-weight: 700;
  letter-spacing: -0.1px;
  text-transform: none;
  font-size: 12px;
}