@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400%3B500%3B600&family=Space+Grotesk:wght@300%3B400%3B500%3B600&family=JetBrains+Mono:wght@400%3B500&display=swap");

[data-style="policyos-signal"] {
  --bg: #F5F8F7;
  --bg-raised: #FFFFFF;
  --bg-inset: #EEF3F1;
  --text: #0E1513;
  --text-muted: #52615C;
  --text-dim: #7D8A86;
  --border: #DDE4E1;
  --border-strong: #A7B3AF;
  --brand-accent: #08805F;
  --brand-accent-2: #5160E6;
  --brand-accent-ink: #08805F;
  --on-brand-accent: #FFFFFF;
  --brand-wash: rgba(20,184,143,.10);
  --focus-ring: #14B88F;
  --font-sans: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-serif: "Space Grotesk", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --radius-md: 12px;
  --radius-lg: 18px;
}

[data-style="policyos-signal"][data-theme="light"] {
  --bg: #F5F8F7;
  --bg-raised: #FFFFFF;
  --bg-inset: #EEF3F1;
  --text: #0E1513;
  --text-muted: #52615C;
  --text-dim: #7D8A86;
  --border: #DDE4E1;
  --border-strong: #A7B3AF;
  --brand-accent: #08805F;
  --brand-accent-2: #5160E6;
  --brand-accent-ink: #08805F;
  --on-brand-accent: #FFFFFF;
  --brand-wash: rgba(20,184,143,.10);
  --focus-ring: #14B88F;
}

[data-style="policyos-signal"][data-theme="dark"] {
  --bg: #070A0D;
  --bg-raised: #0D1217;
  --bg-inset: #121920;
  --text: #E8EEF2;
  --text-muted: #93A1AD;
  --text-dim: #5B6874;
  --border: #1E2730;
  --border-strong: #3A4754;
  --brand-accent: #2EE6B8;
  --brand-accent-2: #7C8CFF;
  --brand-accent-ink: #2EE6B8;
  --on-brand-accent: #062A21;
  --brand-wash: rgba(46,230,184,.10);
  --focus-ring: #2EE6B8;
}