/* UMLAC Community Back Office theme.
   Token source: design/community-design-tokens.json. */

:root {
  --community-color-brand-primary: #fee08a;
  --community-color-brand-accent: #7eafa9;
  --community-color-brand-accent-dark: #2b6974;
  --community-color-brand-attention: #ff8006;
  --community-color-brand-attention-dark: #d86805;
  --community-color-brand-blue: #356f92;
  --community-color-brand-violet: #72528d;
  --community-color-brand-rose: #b84a62;
  --community-color-brand-ink: #153743;

  --community-color-surface-page: #f7f4eb;
  --community-color-surface-page-soft: #fffaf0;
  --community-color-surface-panel: #ffffff;
  --community-color-surface-sunken: #f2efe6;
  --community-color-surface-blue-soft: #edf6fb;
  --community-color-surface-gold-soft: #fff4c9;
  --community-color-surface-teal-soft: #eaf6f3;
  --community-color-surface-rose-soft: #fbeef1;

  --community-color-text-primary: #10282c;
  --community-color-text-muted: #4a5455;
  --community-color-text-faint: #6b7475;
  --community-color-text-inverse: #ffffff;

  --community-color-border-default: #c7ccd2;
  --community-color-border-soft: #e5e8ea;
  --community-color-border-strong: #8ea1a2;

  --community-color-state-danger: #b83b2f;
  --community-color-state-success: #237a45;
  --community-color-state-warning: var(--community-color-brand-attention-dark);
  --community-color-state-info: var(--community-color-brand-blue);
  --community-color-state-deferred: var(--community-color-brand-violet);
  --community-color-state-focus: var(--community-color-brand-attention);

  --community-font-family-ui: "Barlow Condensed", Arial, system-ui, sans-serif;
  --community-font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --community-font-size-xs: 0.75rem;
  --community-font-size-sm: 0.8125rem;
  --community-font-size-base: 1rem;
  --community-font-size-lg: 1.25rem;
  --community-font-size-xl: 1.5rem;
  --community-font-size-title: clamp(1.625rem, 2.3vw, 2.125rem);

  --community-line-height-tight: 1;
  --community-line-height-heading: 1.05;
  --community-line-height-ui: 1.38;

  --community-letter-spacing-none: 0;
  --community-letter-spacing-eyebrow: 0.08em;
  --community-letter-spacing-table-header: 0.05em;

  --community-space-1: 4px;
  --community-space-2: 8px;
  --community-space-3: 12px;
  --community-space-4: 16px;
  --community-space-5: 20px;
  --community-space-6: 24px;
  --community-space-7: 28px;
  --community-space-8: 32px;

  --community-radius-control: 4px;
  --community-radius-panel: 4px;

  --community-shadow-panel: 0 1px 0 rgba(16, 40, 44, 0.04);
  --community-shadow-floating: 0 14px 30px rgba(16, 40, 44, 0.1);

  --community-component-button-min-height: 38px;
  --community-component-button-padding-block: 7px;
  --community-component-button-padding-inline: 13px;

  --community-component-input-min-height: 42px;
  --community-component-input-padding-block: 9px;
  --community-component-input-padding-inline: 11px;

  --community-component-app-shell-sidebar-width: 240px;
  --community-component-app-shell-topbar-min-height: 84px;
}