/* Investors Compound | Shared Brand Tokens & Softened Visual System (see BRAND.md) */
:root {
  /* Core Brand */
  --ic-green: #008000;
  --ic-green-wordmark: #007D00;
  --ic-green-hover: #006600;
  --ic-green-deep: #004D00;
  --ic-green-vault: #002600;
  --ic-green-tint: #EEF7EE;
  --ic-green-badge: #DCFCE0;
  --ic-green-border: #C2E8C4;

  /* Softened Eye-Friendly Surfaces (Replacing Harsh Pure #FFFFFF Glare) */
  --ic-canvas: #F6F8F5;        /* Soft sage-alabaster primary page background */
  --ic-surface: #FCFDFB;       /* Warm off-white card surface */
  --ic-surface-alt: #EFF3EE;   /* Soft muted section alternating background */
  --ic-white: #FFFFFF;

  /* Grayscale Equivalents & Neutrals */
  --ic-gray-luma: #5B5B5B;      /* Exact perceptual grayscale of #008000 (sRGB) */
  --ic-gray-print: #4B4B4B;     /* Exact print luma of #008000 (BT.601) */
  --ic-gray-200: #E2E7E0;
  --ic-gray-300: #CBD2C9;
  --ic-gray-500: #5E685E;
  --ic-gray-800: #1E261E;
  --ic-gray-900: #111711;

  /* Typography */
  --font-brand: 'Alfa Slab One', 'Rockwell', Georgia, serif;
  --font-heading: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}

html {
  scroll-behavior: smooth;
  font-family: var(--font-sans);
  font-size: 17px; /* Slightly larger base font size for effortless reading */
  line-height: 1.65;
  color: var(--ic-gray-900);
  background-color: var(--ic-canvas);
}

/* Soft subtle radial glow instead of busy grid lines */
.bg-soft-hero {
  background-color: var(--ic-canvas);
  background-image: radial-gradient(circle at 80% 20%, rgba(0, 128, 0, 0.06) 0%, transparent 55%),
                    radial-gradient(circle at 15% 85%, rgba(0, 128, 0, 0.04) 0%, transparent 45%);
}

/* Tabular numbers for financial underwriting & estimates */
.tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* Softened glassmorphic sticky navigation bar */
.glass-nav {
  background: rgba(246, 248, 245, 0.92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* Soft elevated card */
.ic-card {
  background-color: var(--ic-surface);
  border: 1px solid var(--ic-gray-200);
  box-shadow: 0 4px 20px -4px rgba(17, 24, 17, 0.04);
}

/* Custom selection highlight */
::selection {
  background-color: #DCFCE0;
  color: #004D00;
}