/* EnTrustOS Admin Portal — brand overlay
   Aligns visual identity with the marketing site (entrustos.com)
   without altering the compiled Tailwind/JS app palette used by
   dense admin tables and form chrome. UI-only. */

:root {
  /* Brand palette — mirrors apps/marketing-site/public/styles.css */
  --eos-bg:      #0c2416;
  --eos-bg2:     #112c1c;
  --eos-bg3:     #0a1f12;
  --eos-cream:   #ede7d9;
  --eos-cream2:  #c8c1b3;
  --eos-sage:    #7a9e82;
  --eos-amber:   #9acaa5;
  --eos-border:  rgba(122, 158, 130, 0.18);

  --eos-serif:   'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --eos-sans:    'DM Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --eos-display: 'Syne', system-ui, sans-serif;
}

/* Thin sage brand strip at the very top — a quiet signal that
   admin portal and marketing site are the same product family. */
body::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--eos-sage), var(--eos-amber), var(--eos-sage));
  z-index: 9999;
  pointer-events: none;
}

/* Branded utility classes available to any portal chrome that
   wants the marketing-site treatment (login screen, splash, footer). */
.eos-wordmark {
  font-family: var(--eos-serif);
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--eos-cream);
}
.eos-display { font-family: var(--eos-display); letter-spacing: 0.02em; }
.eos-sans    { font-family: var(--eos-sans); }

.eos-logo-mark {
  display: inline-block;
  width: 32px; height: 32px;
  background-image: url("entrustos-logo-white.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}