/* @forge/workspace-ui 1.2.0 — presentation only. Apps supply reviewed brand colors. */
:root {
  --fg-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fg-canvas: #f3f5f7;
  --fg-surface: #fff;
  --fg-ink: #223444;
  --fg-muted: #61707c;
  --fg-line: #dce3e8;
  --fg-nav: var(--nav, #092b40);
  --fg-nav-text: var(--forge-navigation-text, #f4f8fb);
  --fg-nav-background: var(--fg-nav);
  --fg-nav-muted: var(--fg-nav-text);
  --fg-nav-active: var(--fg-nav);
  --fg-nav-highlight: var(--fg-highlight);
  --fg-nav-border: color-mix(in srgb,var(--fg-nav-text) 20%,var(--fg-nav));
  --fg-action: var(--forge-button, #0b4d73);
  --fg-action-text: var(--forge-button-text, #fff);
  --fg-highlight: var(--forge-brand-highlight, #ec8c46);
  --fg-soft: #e8f0f5;
  --fg-radius: 8px;
  --fg-density: 1;
  --fg-gap: calc(16px * var(--fg-density));
  --fg-control-height: 38px;
  --fg-button-height: 40px;
  --fg-button-radius: 6px;
  --fg-button-font-size: 13px;
  --fg-button-padding-block: 9px;
  --fg-button-padding-inline: 14px;
  --fg-button-border: color-mix(in srgb,var(--fg-ink) 55%,var(--fg-surface));
  --fg-button-primary-border: color-mix(in srgb,var(--fg-action) 40%,var(--fg-ink));
  --fg-button-focus: color-mix(in srgb,var(--fg-action) 35%,var(--fg-ink));
  --fg-button-shadow: 0 1px 2px color-mix(in srgb,var(--fg-ink) 10%,transparent);
  --fg-button-hover-shadow: 0 2px 4px color-mix(in srgb,var(--fg-ink) 16%,transparent);
}