:root {
  color-scheme: light;
  font-family: Figtree, system-ui, "Segoe UI", sans-serif;
  font-synthesis: none;

  --cd-color-brand-100: #e8f3f0;
  --cd-color-brand-600: #17766b;
  --cd-color-brand-700: #0f5a51;
  --cd-color-brand-800: #0a4440;
  --cd-color-human-200: #f0b9a5;
  --cd-color-human-600: #a84a30;

  --cd-color-background: #fbf6ef;
  --cd-color-surface: #ffffff;
  --cd-color-text: #2c2e2a;
  --cd-color-text-muted: #5a6354;
  --cd-color-border: #ebe2d3;

  --cd-color-success-100: #e8f6ee;
  --cd-color-success-600: #1e7a46;
  --cd-color-warning-100: #fbf1e0;
  --cd-color-warning-600: #935610;
  --cd-color-danger-100: #f9e8e6;
  --cd-color-danger-600: #b3372e;
  --cd-color-info-100: #e7f0fa;
  --cd-color-info-600: #2a5fa8;

  --cd-font-ui: Figtree, system-ui, "Segoe UI", sans-serif;
  --cd-font-brand: Fraunces, "Source Serif 4", Georgia, serif;

  --cd-space-1: 4px;
  --cd-space-2: 8px;
  --cd-space-3: 12px;
  --cd-space-4: 16px;
  --cd-space-5: 20px;
  --cd-space-6: 24px;
  --cd-space-7: 32px;
  --cd-space-8: 40px;
  --cd-space-9: 48px;
  --cd-space-10: 64px;

  --cd-radius-control: 8px;
  --cd-radius-card: 12px;
  --cd-radius-panel: 16px;
  --cd-radius-pill: 999px;

  --cd-shadow-soft: 0 1px 2px rgba(44, 46, 42, 0.06);
  --cd-shadow-lift: 0 2px 8px rgba(44, 46, 42, 0.08);

  --cd-control-height: 44px;
  --cd-touch-target: 44px;
  --cd-sidebar-width: 240px;
  --cd-topbar-height: 56px;
  --cd-content-max: 1120px;

  --cd-focus-ring: #e8f3f0;
  --cd-focus-outline: #0f5a51;

  /* Shared icon masks keep product navigation out of emoji/font glyphs while
     avoiding a framework dependency in the low-level UI package. */
  --cd-icon-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E");
  --cd-icon-reputation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.75 2.78 5.63 6.22.9-4.5 4.39 1.06 6.2L12 15.86l-5.56 2.93 1.06-6.2L3 9.28l6.22-.9L12 2.75Z'/%3E%3C/svg%3E");
  --cd-icon-agent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v4m0 12v4M2 12h4m12 0h4M5 5l3 3m8 8 3 3m0-14-3 3M8 16l-3 3' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  --cd-icon-reports: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20V10h3v10H4Zm6 0V4h3v16h-3Zm6 0v-7h3v7h-3ZM2 21h20v1H2z'/%3E%3C/svg%3E");
  --cd-icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 2h3l.6 2.4 2 .8 2.1-1.3 2.1 2.1L19 8.1l.8 2 2.2.4v3l-2.2.5-.8 2 1.3 2.1-2.1 2.1-2.1-1.3-2 .8-.6 2.3h-3l-.6-2.3-2-.8-2.1 1.3-2.1-2.1L5 16l-.8-2-2.2-.5v-3l2.2-.4.8-2-1.3-2.1 2.1-2.1L7.9 5l2-.8L10.5 2Zm1.5 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");
  --cd-icon-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v2H4zm0 6h16v2H4zm0 6h16v2H4z'/%3E%3C/svg%3E");
}

.cd-ui-root,
body {
  font-family: var(--cd-font-ui);
  color: var(--cd-color-text);
}

:where(button, input, select, textarea, a):focus-visible {
  outline: 2px solid var(--cd-focus-outline);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--cd-focus-ring);
}

:where(button, input, select) {
  min-height: var(--cd-control-height);
}