/* LINTEL Design Tokens — leaseintel.ai */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
a { text-decoration: none; color: inherit; }
html { font-family: var(--font-sans); color: var(--body); }

:root {
  /* Surfaces */
  --ink-navy:     #0B1120;
  --slate-navy:   #141C2E;
  --soft-slate:   #1A2438;

  /* Borders */
  --border:        rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.16);

  /* Text */
  --white:     #FFFFFF;
  --body:      #A8B4C8;
  --muted:     #6B7A96;
  --muted-dim: #3D4E6A;

  /* Brand colours */
  --gold:         #F5B544;
  --gold-ghost:   rgba(245,181,68,0.08);
  --teal:         #5EB5A6;
  --teal-ghost:   rgba(94,181,166,0.08);
  --purple:       #9D8FF5;
  --purple-ghost: rgba(157,143,245,0.08);
  --danger:       #E86F6F;

  /* Typography */
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:  'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
  --font-serif: 'Instrument Serif', Georgia, serif;

  /* Elevation */
  --shadow-float: 0 20px 60px -10px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.05);
}

/* Logo */
.logo {
  font-family: var(--font-sans);
  font-weight: 800;
  letter-spacing: -0.05em;
  color: var(--white);
  line-height: 1;
}
.tel { color: var(--gold); }

/* Buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 6px;
  border: none; border-radius: 8px; cursor: pointer;
  font-family: var(--font-sans); font-size: 14px; font-weight: 600;
  transition: opacity 0.15s, background 0.15s, color 0.15s, border-color 0.15s;
  white-space: nowrap;
}
.btn-primary {
  background: var(--gold);
  color: var(--ink-navy);
}
.btn-primary:hover { opacity: 0.88; }
.btn-ghost {
  background: transparent;
  color: var(--body);
  border: 1px solid var(--border);
}
.btn-ghost:hover { color: var(--white); border-color: var(--border-strong); }