/*
 * Credaris Brand Guidelines (PDF) — crmcredaris theme tokens
 * Primary: Deep Navy, Muted Gold | Secondary: Emerald, Silver Mist, Graphite, Deep Coral
 * Typography: Sora 500/600 (headings, CTAs), Source Sans 3 400/500 (body)
 * Digital: primary actions → Emerald Intelligence; nav → Deep Navy; active → Gold underline
 */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600&family=Source+Sans+3:wght@400;500&display=swap');

:root {
  /* §2 Color Palette */
  --credaris-navy: #0b1f3b;
  --credaris-gold: #c8a044;
  --credaris-emerald: #0f5c4d; /* Emerald Intelligence — primary app CTAs (§6.1, §6.4) */
  --credaris-silver-mist: #c9ced6;
  --credaris-graphite: #2b2f38;
  --credaris-white: #ffffff;
  --credaris-coral: #a84448; /* destructive */
  --credaris-gold-30: rgba(200, 160, 68, 0.3);
  --credaris-gold-dim: rgba(200, 160, 68, 0.22);
  --credaris-glass: rgba(255, 255, 255, 0.72);
  /* §6.4 components */
  --credaris-radius-card: 8px;
  --credaris-radius-control: 4px; /* buttons & inputs in guidelines table */
  --credaris-radius: 10px; /* legacy shell — prefer --credaris-radius-card for new UI */
  --credaris-shadow-ui: 0 1px 2px rgba(11, 31, 59, 0.08), 0 8px 24px rgba(11, 31, 59, 0.06);
  --font-heading: 'Sora', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', 'Source Sans 3', 'Source Sans Pro', system-ui, -apple-system, sans-serif;
  --credaris-content-max: 1200px;
  --credaris-gutter: 24px;
}

html {
  font-family: var(--font-body) !important;
  color: var(--credaris-graphite);
}

h1, h2, h3, h4, h5, h6, .login100-form-title {
  font-family: var(--font-heading) !important;
}

/* Primary actions */
.btn-primary, .login100-form-btn, .cr-btn-navy {
  background: var(--credaris-emerald);
  border: none;
  border-radius: var(--credaris-radius-control);
  color: #fff !important;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

.btn-primary:hover, .login100-form-btn:hover, .cr-btn-navy:hover {
  background: var(--credaris-navy);
  box-shadow: var(--credaris-shadow-ui);
}

.login100-form-title {
  color: var(--credaris-navy) !important;
}

/* Glass panels (login cards) */
.wrap-login100 {
  background: var(--credaris-glass) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 12px !important;
  box-shadow: var(--credaris-shadow-ui);
  padding: 2rem;
}

.cr-card-glass {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  box-shadow: var(--credaris-shadow-ui);
}

body.cr-page-bg {
  min-height: 100vh;
  background: linear-gradient(160deg, #f4f6fa 0%, #e8ecf4 50%, #eef2f7 100%) !important;
}

/* Tables — default markup */
.cr-table-wrapper table {
  border-radius: var(--credaris-radius-card);
  overflow: hidden;
  width: 100%;
}

.cr-table-wrapper th {
  background: var(--credaris-navy) !important;
  color: #fff !important;
  font-family: var(--font-heading);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.cr-table-wrapper td {
  font-size: 0.9375rem;
}

@media (max-width: 768px) {
  .cr-navbar a { padding: 10px 8px; font-size: 0.72rem; }
}

/* PDF §6.1 / §6.4 — primary digital CTA (Emerald Intelligence, white label, navy hover) */
.btn-credaris-primary {
  min-height: 48px;
  padding: 0 32px;
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: 1rem;
  border-radius: var(--credaris-radius-control);
  background: var(--credaris-emerald) !important;
  color: var(--credaris-white) !important;
  border: none;
  cursor: pointer;
}
.btn-credaris-primary:hover {
  background: var(--credaris-navy) !important;
  color: var(--credaris-white) !important;
}

/* PDF — nav hover: Emerald (use on custom nav links) */
a.credaris-nav-hover:hover {
  color: var(--credaris-emerald) !important;
}