/* LandIntelligence design tokens — single source of truth.
   Load on EVERY page: <link rel="stylesheet" href="li-tokens.css">
   Never hardcode these values in components or pages. */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* Brand */
  --li-deep:        #14352A;  /* primary text, buttons, logo */
  --li-panel:       #12241D;  /* dark surfaces */
  --li-green:       #2E7D5B;  /* primary accent, links, success */
  --li-green-light: #3E9A72;  /* hover, charts, loader blocks */
  --li-terracotta:  #C96F4A;  /* highlights, warnings — max 1 per view */
  --li-cream:       #F5F1E8;  /* text on dark, light fills */

  /* Surfaces (light theme, default) */
  --li-bg:          #F5F1E8;
  --li-surface:     #FBF9F4;
  --li-surface-2:   #FFFFFF;
  --li-border:      #D8D2C4;
  --li-border-hover:#B7B0A0;

  /* Text */
  --li-text:        #14352A;
  --li-text-2:      #5C6660;
  --li-text-3:      #8A8578;
  --li-text-on-dark:#F5F1E8;
  --li-text-2-on-dark: rgba(245,241,232,0.6);

  /* Semantic */
  --li-success:     var(--li-green);
  --li-warning:     var(--li-terracotta);
  --li-danger:      #A8442E;
  --li-focus-ring:  rgba(46,125,91,0.35);

  /* Type */
  --li-font-display: 'Space Grotesk', sans-serif;
  --li-font-body:    'IBM Plex Sans', sans-serif;
  --li-font-mono:    'IBM Plex Mono', monospace;

  /* Radius */
  --li-radius-input: 8px;
  --li-radius-card:  12px;
  --li-radius-panel: 16px;

  /* Shadow (overlays only) */
  --li-shadow-overlay: 0 8px 24px rgba(20,53,42,0.10);
}

body.li-body {
  margin: 0;
  background: var(--li-bg);
  color: var(--li-text);
  font-family: var(--li-font-body);
  font-size: 14px;
  line-height: 1.5;
}
.li-body a { color: var(--li-green); text-decoration: none; }
.li-body a:hover { color: var(--li-terracotta); text-decoration: underline; }