/* IBM Carbon — theme.css
 * Generated from brandbook.json (id: ibm-carbon).
 * Inspired by: IBM Carbon. Confidence: high.
 * Do not edit by hand — re-run scripts/generate.py.
 */

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;600&family=IBM+Plex+Serif:wght@400;700&family=IBM+Plex+Mono:wght@400;700&display=swap");

:root {
  --color-black: #000000;
  --color-cyan-60: #0072c3;
  --color-danger: #da1e28;
  --color-gray-10: #f4f4f4;
  --color-gray-100: #161616;
  --color-gray-20: #e0e0e0;
  --color-gray-30: #c6c6c6;
  --color-gray-40: #a8a8a8;
  --color-gray-50: #8d8d8d;
  --color-gray-60: #6f6f6f;
  --color-gray-70: #525252;
  --color-gray-80: #393939;
  --color-gray-90: #262626;
  --color-info: #0f62fe;
  --color-magenta-60: #d02670;
  --color-orange-60: #ba4e00;
  --color-primary: #0f62fe;
  --color-primary-10: #edf5ff;
  --color-primary-100: #001141;
  --color-primary-20: #d0e2ff;
  --color-primary-30: #a6c8ff;
  --color-primary-40: #78a9ff;
  --color-primary-50: #4589ff;
  --color-primary-60: #0f62fe;
  --color-primary-70: #0043ce;
  --color-primary-80: #002d9c;
  --color-primary-90: #001d6c;
  --color-primary-default: #0f62fe;
  --color-purple-60: #8a3ffc;
  --color-success-dark: #24a148;
  --color-success-light: #198038;
  --color-teal-60: #007d79;
  --color-warning: #f1c21b;
  --color-white: #ffffff;
  --duration-fast-01: 70ms;
  --duration-fast-02: 110ms;
  --duration-moderate-01: 150ms;
  --duration-moderate-02: 240ms;
  --duration-slow-01: 400ms;
  --duration-slow-02: 700ms;
  --font-mono: "IBM Plex Mono", Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, monospace;
  --font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "IBM Plex Serif", Georgia, Times, serif;
  --radius-default: 0px;
  --radius-pill: 9999px;
  --radius-small: 2px;
}

/* Convenience utility classes */
.bb-bg-primary { background: var(--color-primary, var(--color-primary-default)); }
.bb-fg-primary { color: var(--color-primary, var(--color-primary-default)); }
.bb-font-sans { font-family: var(--font-sans, system-ui, sans-serif); }
.bb-font-mono { font-family: var(--font-mono, ui-monospace, monospace); }
.bb-card { background: var(--color-white, white); border: 1px solid var(--color-border, #E5E7EB); border-radius: var(--radius-2xl, 16px); }