/* =============================================================
   KUMO SECURITY — BRAND FOUNDATION
   Tokens, reset, and base typography.
   Import this on every page before components.css.
   ============================================================= */

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

:root {
  /* Light mode palette */
  --bg:             #F8FAFC;
  --surface:        #FFFFFF;
  --border:         #E2E8F0;
  --border-strong:  #CBD5E1;
  --text:           #0F172A;
  --text-secondary: #475569;
  --text-muted:     #94A3B8;
  --navy:           #0B1A3E;   /* CTA block only — not the page base */
  --accent:         #3B82F6;
  --accent-hover:   #2563EB;
  --accent-bg:      #EFF6FF;
  --accent-border:  #BFDBFE;

  /* Status colors */
  --pass:           #16A34A;
  --pass-bg:        #F0FDF4;
  --pass-border:    #BBF7D0;
  --fail:           #DC2626;
  --fail-bg:        #FEF2F2;
  --fail-border:    #FECACA;
  --partial:        #D97706;
  --partial-bg:     #FFFBEB;
  --partial-border: #FDE68A;
  --unknown:        #64748B;
  --unknown-bg:     #F8FAFC;
  --unknown-border: #E2E8F0;

  /* Typography */
  --font-ui:   "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* Shape */
  --radius-card:  8px;
  --radius-btn:   6px;
  --radius-badge: 4px;
  --transition:   150ms ease;
}

/* RESET */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* BASE */
html {
  font-family: var(--font-ui);
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.5;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

/* Lucide icons — enforce brand stroke weight */
svg.lucide { stroke-width: 1.5; }