/*
 * BusinessDevVUE house style — version 1 (BD VUE baseline)
 * Generated by Design Guides. Do not edit by hand: the next publish overwrites it.
 * Published 3 Nov 2026 04:00 by system
 */

:root {
  --color-action: #0f172b;
  --color-action-ink: #ffffff;
  --color-brand: #0f766e;
  --color-brand-ink: #0b5c56;
  --color-brand-wash: #0f766e14;
  --color-card: #ffffff;
  --color-danger: #e7000b;
  --color-ground: #f5f4f0;
  --color-ground-wash: transparent;
  --color-ink: #0f172a;
  --color-ink-faint: #90a1b9;
  --color-ink-muted: #62748e;
  --color-line: #0f172a1a;
  --color-line-soft: #0f172a0f;
  --color-mark-from: #60d2c4;
  --color-mark-to: #60d0ea;
  --color-nav: #f5f4f0;
  --color-popover: #ffffff;
  --color-raised: #f8fafc;
  --color-ring: #0f172a14;
  --color-sunken: #eeeeea;
  --font-family-sans: "Inter", sans-serif;
  --font-leading-body: 18px;
  --font-leading-meta: 15px;
  --font-leading-micro: 14px;
  --font-leading-sm: 20px;
  --font-leading-title: 28px;
  --font-leading-xs: 16px;
  --font-numeric: tabular-nums;
  --font-optical-sizing: auto;
  --font-size-2xl: 24px;
  --font-size-base: 16px;
  --font-size-body: 13px;
  --font-size-lg: 18px;
  --font-size-meta: 11px;
  --font-size-micro: 10px;
  --font-size-sm: 14px;
  --font-size-xl: 20px;
  --font-size-xs: 12px;
  --font-tracking-crumb: 0.14em;
  --font-tracking-eyebrow: 0.16em;
  --font-tracking-label: 0.12em;
  --font-tracking-normal: 0;
  --font-tracking-pill: 0.06em;
  --font-tracking-tight: -0.025em;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --type-body-line-height: 18px;
  --type-body-size: 13px;
  --type-body-tracking: 0;
  --type-body-weight: 400;
  --type-card-title-line-height: 20px;
  --type-card-title-size: 14px;
  --type-card-title-tracking: 0;
  --type-card-title-weight: 600;
  --type-count-line-height: 15px;
  --type-count-size: 11px;
  --type-count-tracking: 0;
  --type-count-weight: 600;
  --type-crumb-line-height: 14px;
  --type-crumb-size: 10px;
  --type-crumb-tracking: 0.14em;
  --type-crumb-weight: 600;
  --type-eyebrow-line-height: 16px;
  --type-eyebrow-size: 11px;
  --type-eyebrow-tracking: 0.16em;
  --type-eyebrow-weight: 600;
  --type-kpi-line-height: 28px;
  --type-kpi-size: 24px;
  --type-kpi-tracking: -0.025em;
  --type-kpi-weight: 700;
  --type-meta-line-height: 15px;
  --type-meta-size: 11px;
  --type-meta-tracking: 0;
  --type-meta-weight: 400;
  --type-micro-line-height: 14px;
  --type-micro-size: 10px;
  --type-micro-tracking: 0;
  --type-micro-weight: 600;
  --type-page-title-line-height: 28px;
  --type-page-title-size: 24px;
  --type-page-title-tracking: -0.025em;
  --type-page-title-weight: 700;
  --type-pill-line-height: 14px;
  --type-pill-size: 10px;
  --type-pill-tracking: 0.06em;
  --type-pill-weight: 700;
  --type-section-label-line-height: 14px;
  --type-section-label-size: 10px;
  --type-section-label-tracking: 0.12em;
  --type-section-label-weight: 700;
  --type-small-line-height: 16px;
  --type-small-size: 12px;
  --type-small-tracking: 0;
  --type-small-weight: 400;
  --type-subtitle-line-height: 20px;
  --type-subtitle-size: 14px;
  --type-subtitle-tracking: 0;
  --type-subtitle-weight: 400;
  --type-ui-line-height: 20px;
  --type-ui-size: 14px;
  --type-ui-tracking: 0;
  --type-ui-weight: 400;
  --layout-gutter: 16px;
  --layout-gutter-wide: 32px;
  --layout-measure: 1280px;
  --layout-row-min: 34px;
  --layout-sidebar-width: 240px;
  --spacing-1: 4px;
  --spacing-1-5: 6px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-6: 24px;
  --radius-2xl: 10px;
  --radius-base: 10px;
  --radius-full: 9999px;
  --radius-lg: 10px;
  --radius-md: 8px;
  --radius-sm: 6px;
  --radius-xl: 14px;
  --shadow-flyout: 0 20px 40px -20px rgba(15, 23, 42, 0.30);
  --shadow-lift: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-none: none;
  --motion-duration-base: 150ms;
  --motion-duration-slow: 200ms;
  --motion-duration-theme: 520ms;
  --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-easing-theme: linear;
  --breakpoint-lg: 1024px;
  --breakpoint-md: 768px;
  --breakpoint-sm: 640px;
  --component-button-card-height: 32px;
  --component-button-destructive-bg: #e7000b1a;
  --component-button-destructive-fg: #e7000b;
  --component-button-destructive-ring-on-focus: rgba(231, 0, 11, 0.2);
  --component-button-focus-ring-width: 3px;
  --component-button-font-size: 14px;
  --component-button-form-padding-x: 16px;
  --component-button-form-padding-y: 8px;
  --component-button-form-weight: 500;
  --component-button-ghost-bg: transparent;
  --component-button-ghost-bg-hover: rgba(15, 23, 42, 0.04);
  --component-button-ghost-border: transparent;
  --component-button-ghost-fg: #0f172a;
  --component-button-hero-height: 36px;
  --component-button-hero-padding-x: 14px;
  --component-button-hero-weight: 600;
  --component-button-icon-gap: 6px;
  --component-button-primary-bg: #0f172b;
  --component-button-primary-bg-hover: #1e293b;
  --component-button-primary-border: transparent;
  --component-button-primary-fg: #ffffff;
  --component-button-radius: 10px;
  --component-button-secondary-bg: #ffffff;
  --component-button-secondary-bg-hover: #eeeeea;
  --component-button-secondary-border: #0f172a1a;
  --component-button-secondary-fg: #0f172a;
  --component-card-bg: #ffffff;
  --component-card-border: #0f172a1a;
  --component-card-grid-gap: 12px;
  --component-card-header-gap: 12px;
  --component-card-header-padding-bottom: 8px;
  --component-card-header-padding-top: 14px;
  --component-card-header-padding-x: 16px;
  --component-card-padding: 16px;
  --component-card-padding-detail: 24px;
  --component-card-radius: 14px;
  --component-card-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  --component-card-stack-gap: 16px;
  --component-count-badge-border: #0f172a1a;
  --component-count-badge-font-size: 11px;
  --component-count-badge-font-weight: 600;
  --component-count-badge-height: 20px;
  --component-count-badge-radius: 9999px;
  --component-empty-state-border: #0f172a1a;
  --component-empty-state-border-style: dashed;
  --component-empty-state-hint-color: #90a1b9;
  --component-empty-state-hint-size: 12px;
  --component-empty-state-min-height: 92px;
  --component-empty-state-padding: 16px;
  --component-empty-state-radius: 10px;
  --component-empty-state-title-color: #62748e;
  --component-empty-state-title-size: 14px;
  --component-hero-max-width: 1280px;
  --component-hero-padding-x: 16px;
  --component-hero-padding-x-wide: 32px;
  --component-hero-title-column-basis: 256px;
  --component-input-bg: #ffffff;
  --component-input-border: #0f172a1a;
  --component-input-fg: #0f172a;
  --component-input-font-size: 14px;
  --component-input-font-size-mobile: 16px;
  --component-input-height: 40px;
  --component-input-height-dense: 32px;
  --component-input-label-color: #587471;
  --component-input-padding-x: 12px;
  --component-input-padding-x-dense: 10px;
  --component-input-placeholder: #90a1b9;
  --component-input-radius: 10px;
  --component-input-required-mark: #ff6467;
  --component-input-ring: rgba(15, 23, 42, 0.08);
  --component-nav-active-bar: #0f766e;
  --component-nav-active-bg: #0f766e14;
  --component-nav-active-fg: #0b5c56;
  --component-nav-active-weight: 500;
  --component-nav-bar-height: 18px;
  --component-nav-bar-radius: 0 3px 3px 0;
  --component-nav-bar-width: 3px;
  --component-nav-fg: #62748e;
  --component-pill-dot-size: 6px;
  --component-pill-font-size: 10px;
  --component-pill-font-size-md: 11px;
  --component-pill-font-weight: 700;
  --component-pill-gap: 4px;
  --component-pill-icon-size: 11px;
  --component-pill-ink-bg: #0f172a;
  --component-pill-ink-fg: #ffffff;
  --component-pill-neutral-bg: #eeeeea;
  --component-pill-neutral-fg: #62748e;
  --component-pill-outline-border: #0f172a1a;
  --component-pill-padding-x: 8px;
  --component-pill-padding-y: 2px;
  --component-pill-radius: 6px;
  --component-pill-tracking: 0.06em;
  --component-wordmark-app-businessdev-from: #14b8a6;
  --component-wordmark-app-businessdev-to: #06b6d4;
  --component-wordmark-app-certificate-from: #14b8a6;
  --component-wordmark-app-certificate-to: #06b6d4;
  --component-wordmark-app-enterprise-from: #14b8a6;
  --component-wordmark-app-enterprise-to: #06b6d4;
  --component-wordmark-app-facility-from: #14b8a6;
  --component-wordmark-app-facility-to: #06b6d4;
  --component-wordmark-app-office-from: #14b8a6;
  --component-wordmark-app-office-to: #06b6d4;
  --component-wordmark-app-people-from: #14b8a6;
  --component-wordmark-app-people-to: #06b6d4;
  --component-wordmark-app-plan-from: #14b8a6;
  --component-wordmark-app-plan-to: #06b6d4;
  --component-wordmark-app-project-from: #14b8a6;
  --component-wordmark-app-project-to: #06b6d4;
  --component-wordmark-base-color: #0f172a;
  --component-wordmark-radius: 8px;
  --component-wordmark-size: 23px;
  --component-wordmark-size-compact: 19px;
  --component-wordmark-suffix-from: #14b8a6;
  --component-wordmark-suffix-to: #06b6d4;
  --component-wordmark-tracking: -0.025em;
  --component-wordmark-weight: 700;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-action: #ffffff;
    --color-action-ink: #0f1415;
    --color-brand: #2fb3a7;
    --color-brand-ink: #5fd0c5;
    --color-brand-wash: #2fb3a71f;
    --color-card: #192122;
    --color-danger: #ff6467;
    --color-ground: #0f1415;
    --color-ground-wash: rgba(25, 58, 62, 0.12);
    --color-ink: #f1f5f9;
    --color-ink-faint: #62748e;
    --color-ink-muted: #94a5a8;
    --color-line: #ffffff12;
    --color-line-soft: #ffffff0a;
    --color-nav: #0d1112;
    --color-popover: #1e2728;
    --color-raised: #2e3b3c;
    --color-ring: #479e9a;
    --color-sunken: #232e2f;
    --shadow-lift: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.45);
    --component-button-destructive-bg: #ff64671a;
    --component-button-destructive-fg: #ff6467;
    --component-button-destructive-ring-on-focus: rgba(255, 100, 103, 0.4);
    --component-button-ghost-bg-hover: rgba(255, 255, 255, 0.06);
    --component-button-ghost-fg: #f1f5f9;
    --component-button-primary-bg: #ffffff;
    --component-button-primary-bg-hover: rgba(255, 255, 255, 0.9);
    --component-button-primary-fg: #0f1415;
    --component-button-secondary-bg: #192122;
    --component-button-secondary-bg-hover: #232e2f;
    --component-button-secondary-border: #ffffff12;
    --component-button-secondary-fg: #f1f5f9;
    --component-card-bg: #192122;
    --component-card-border: #ffffff12;
    --component-card-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.45);
    --component-count-badge-border: #ffffff12;
    --component-empty-state-border: #ffffff12;
    --component-empty-state-hint-color: #62748e;
    --component-empty-state-title-color: #94a5a8;
    --component-input-bg: #192122;
    --component-input-border: #ffffff12;
    --component-input-fg: #f1f5f9;
    --component-input-label-color: #94a5a8;
    --component-input-placeholder: #62748e;
    --component-input-ring: rgba(71, 158, 154, 0.5);
    --component-nav-active-bar: #2fb3a7;
    --component-nav-active-bg: #2fb3a71f;
    --component-nav-active-fg: #5fd0c5;
    --component-nav-fg: #94a5a8;
    --component-pill-ink-bg: #f1f5f9;
    --component-pill-ink-fg: #192122;
    --component-pill-neutral-bg: #232e2f;
    --component-pill-neutral-fg: #94a5a8;
    --component-pill-outline-border: #ffffff12;
    --component-wordmark-app-businessdev-from: #2dd4bf;
    --component-wordmark-app-businessdev-to: #22d3ee;
    --component-wordmark-app-certificate-from: #2dd4bf;
    --component-wordmark-app-certificate-to: #22d3ee;
    --component-wordmark-app-enterprise-from: #2dd4bf;
    --component-wordmark-app-enterprise-to: #22d3ee;
    --component-wordmark-app-facility-from: #2dd4bf;
    --component-wordmark-app-facility-to: #22d3ee;
    --component-wordmark-app-office-from: #2dd4bf;
    --component-wordmark-app-office-to: #22d3ee;
    --component-wordmark-app-people-from: #2dd4bf;
    --component-wordmark-app-people-to: #22d3ee;
    --component-wordmark-app-plan-from: #2dd4bf;
    --component-wordmark-app-plan-to: #22d3ee;
    --component-wordmark-app-project-from: #2dd4bf;
    --component-wordmark-app-project-to: #22d3ee;
    --component-wordmark-base-color: #ffffff;
    --component-wordmark-suffix-from: #2dd4bf;
    --component-wordmark-suffix-to: #22d3ee;
  }
}

:root[data-theme="dark"] {
  --color-action: #ffffff;
  --color-action-ink: #0f1415;
  --color-brand: #2fb3a7;
  --color-brand-ink: #5fd0c5;
  --color-brand-wash: #2fb3a71f;
  --color-card: #192122;
  --color-danger: #ff6467;
  --color-ground: #0f1415;
  --color-ground-wash: rgba(25, 58, 62, 0.12);
  --color-ink: #f1f5f9;
  --color-ink-faint: #62748e;
  --color-ink-muted: #94a5a8;
  --color-line: #ffffff12;
  --color-line-soft: #ffffff0a;
  --color-nav: #0d1112;
  --color-popover: #1e2728;
  --color-raised: #2e3b3c;
  --color-ring: #479e9a;
  --color-sunken: #232e2f;
  --shadow-lift: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.45);
  --component-button-destructive-bg: #ff64671a;
  --component-button-destructive-fg: #ff6467;
  --component-button-destructive-ring-on-focus: rgba(255, 100, 103, 0.4);
  --component-button-ghost-bg-hover: rgba(255, 255, 255, 0.06);
  --component-button-ghost-fg: #f1f5f9;
  --component-button-primary-bg: #ffffff;
  --component-button-primary-bg-hover: rgba(255, 255, 255, 0.9);
  --component-button-primary-fg: #0f1415;
  --component-button-secondary-bg: #192122;
  --component-button-secondary-bg-hover: #232e2f;
  --component-button-secondary-border: #ffffff12;
  --component-button-secondary-fg: #f1f5f9;
  --component-card-bg: #192122;
  --component-card-border: #ffffff12;
  --component-card-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.45);
  --component-count-badge-border: #ffffff12;
  --component-empty-state-border: #ffffff12;
  --component-empty-state-hint-color: #62748e;
  --component-empty-state-title-color: #94a5a8;
  --component-input-bg: #192122;
  --component-input-border: #ffffff12;
  --component-input-fg: #f1f5f9;
  --component-input-label-color: #94a5a8;
  --component-input-placeholder: #62748e;
  --component-input-ring: rgba(71, 158, 154, 0.5);
  --component-nav-active-bar: #2fb3a7;
  --component-nav-active-bg: #2fb3a71f;
  --component-nav-active-fg: #5fd0c5;
  --component-nav-fg: #94a5a8;
  --component-pill-ink-bg: #f1f5f9;
  --component-pill-ink-fg: #192122;
  --component-pill-neutral-bg: #232e2f;
  --component-pill-neutral-fg: #94a5a8;
  --component-pill-outline-border: #ffffff12;
  --component-wordmark-app-businessdev-from: #2dd4bf;
  --component-wordmark-app-businessdev-to: #22d3ee;
  --component-wordmark-app-certificate-from: #2dd4bf;
  --component-wordmark-app-certificate-to: #22d3ee;
  --component-wordmark-app-enterprise-from: #2dd4bf;
  --component-wordmark-app-enterprise-to: #22d3ee;
  --component-wordmark-app-facility-from: #2dd4bf;
  --component-wordmark-app-facility-to: #22d3ee;
  --component-wordmark-app-office-from: #2dd4bf;
  --component-wordmark-app-office-to: #22d3ee;
  --component-wordmark-app-people-from: #2dd4bf;
  --component-wordmark-app-people-to: #22d3ee;
  --component-wordmark-app-plan-from: #2dd4bf;
  --component-wordmark-app-plan-to: #22d3ee;
  --component-wordmark-app-project-from: #2dd4bf;
  --component-wordmark-app-project-to: #22d3ee;
  --component-wordmark-base-color: #ffffff;
  --component-wordmark-suffix-from: #2dd4bf;
  --component-wordmark-suffix-to: #22d3ee;
}