/**
 * Orin Agent – OneClap Studio Theme
 * Abgestimmt auf die Landingpage (home.css Tokens).
 * Nur Marken-Farben / Tokens. Layout: Kit (ocs-agent-widget.css).
 *
 * Copyright (c) 2026 OneClap Studio · https://oneclapstudio.de
 */

:root {
  --oa-font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --oa-radius-fab: 14px;
  --oa-radius-panel: 12px;
  --oa-radius-bubble: 12px;
  --oa-radius-input: 10px;

  --oa-fab-size: 52px;
  --oa-fab-bottom: var(--lp-fab-bottom, 1.25rem);
  --oa-fab-right: var(--lp-fab-right, 1.25rem);
  --oa-fab-bg: #0b0d10;
  --oa-fab-border: rgba(255, 255, 255, 0.12);
  --oa-fab-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
  --oa-fab-icon: #f3f3f1;

  --oa-overlay-bg: rgba(11, 13, 16, 0.55);

  --oa-panel-bg: #0b0d10;
  --oa-panel-border: rgba(255, 255, 255, 0.1);
  --oa-panel-glow-a: transparent;
  --oa-panel-glow-b: transparent;
  --oa-panel-shadow: 0 20px 48px rgba(0, 0, 0, 0.4);

  --oa-text: #f3f3f1;
  --oa-text-muted: #9aa3ad;
  --oa-text-soft: #d4d7db;
  --oa-text-dim: #6b7380;

  --oa-accent: #2f6fed;
  --oa-accent-soft: rgba(47, 111, 237, 0.12);
  --oa-primary: #2f6fed;
  --oa-primary-soft: rgba(47, 111, 237, 0.14);
  --oa-user-bubble: #2f6fed;
  --oa-assistant-bubble: rgba(255, 255, 255, 0.05);
  --oa-assistant-border: rgba(255, 255, 255, 0.08);

  --oa-input-bg: rgba(255, 255, 255, 0.04);
  --oa-input-border: rgba(255, 255, 255, 0.12);
  --oa-send-bg: #2f6fed;

  --oa-error-bg: rgba(227, 93, 106, 0.12);
  --oa-error-border: rgba(227, 93, 106, 0.28);
  --oa-error-text: #ffb4bb;

  --oa-divider: rgba(255, 255, 255, 0.08);
  --oa-close-bg: rgba(255, 255, 255, 0.06);
}