/**
 * carbon.iq — Base stylesheet
 * Mirrors packages/ui/src/tokens.css (source of truth) + public/brand.css.
 * Loaded by pages that don't use nav.js (login, signup, etc.)
 * nav.js injects equivalent styles as a <style> tag for authenticated pages.
 */

:root {
  --iq-brand:      #3ECF8E;
  --iq-brand-mid:  rgba(62, 207, 142, .25);
  --iq-brand-lite: rgba(62, 207, 142, .08);
  --iq-text:       #0f1015;
  --iq-muted:      #6b7280;
  --iq-border:     #e5e5e0;
  --iq-surface:    #fff;
  --iq-bg:         #fafaf9;
}

/* Portal-consistent grid canvas */
body {
  background-color: #fafaf9 !important;
  background-image:
    linear-gradient(rgba(62, 207, 142, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(62, 207, 142, .06) 1px, transparent 1px),
    linear-gradient(rgba(62, 207, 142, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(62, 207, 142, .03) 1px, transparent 1px) !important;
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px !important;
  background-position: -1px -1px, -1px -1px, -1px -1px, -1px -1px !important;
}