/* OPTION B Design System v0.1 — shared, framework-independent */
:root {
  --ob-text-xs:12px; --ob-text-sm:13px; --ob-text-base:14px; --ob-text-title:15px; --ob-text-page:24px; --ob-field-height:44px;
  --ob-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ob-canvas:#f6f8fc; --ob-surface:#ffffff; --ob-surface-alt:#f9fbfe;
  --ob-text:#101828; --ob-text-secondary:#667085; --ob-border:#e5eaf2;
  --ob-primary:#1769ff; --ob-primary-hover:#0955e4; --ob-primary-soft:#eaf2ff;
  --ob-success:#079669; --ob-warning:#ef8a22; --ob-danger:#ef4357; --ob-info:#8054e9;
  --ob-radius-sm:8px; --ob-radius:12px; --ob-radius-lg:16px;
  --ob-shadow:0 3px 16px rgba(18,41,75,.045);
  --ob-person-ramiro:#4f46e5; --ob-person-claudio:#0d9488; --ob-person-helen:#db2777; --ob-person-pablo:#ea580c; --ob-person-john:#7c3aed; --ob-person-alexis:#0284c7; --ob-person-neutral:#64748b;
  --ob-on-primary:#ffffff; --ob-control-height:40px; --ob-sidebar-width:260px; --ob-sidebar-compact-width:72px;
}
html[data-theme="dark"] {
  --ob-on-primary:#101828; --ob-canvas:#101828; --ob-surface:#192538; --ob-surface-alt:#202e43;
  --ob-text:#f5f8fd; --ob-text-secondary:#b0bfd2; --ob-border:#34465d;
  --ob-primary:#74a5ff; --ob-primary-hover:#98bcff; --ob-primary-soft:#223d67;
  --ob-shadow:0 3px 16px rgba(0,0,0,.15);
}
[data-ob-brand="praxis"] { --ob-primary:#087e8b; --ob-primary-hover:#086975; --ob-primary-soft:#e1f7f8; }
[data-ob-brand="optionb"] { --ob-primary:#6750d8; --ob-primary-hover:#533ec2; --ob-primary-soft:#f0edff; }