/*
 * AXIOM theme custom properties.
 * Generated from @axiom/design-system tokens.js — keep in sync with
 * Theme/AxiomTokens.cs (both are parity-tested against the JS source).
 * Consume from an app via:
 *   <link rel="stylesheet" href="_content/Axiom.UI.Shared/axiom-theme.css" />
 */
:root {
  --axiom-primary: #005BBB;
  --axiom-primary-dark: #003A8F;
  --axiom-primary-light: #1E73BE;
  --axiom-accent-outline: #4D9BFF;
  --axiom-navy-topbar: #002050;
  --axiom-navy-topbar-border: #001433;
  --axiom-accent-light: #E8F2FF;
  --axiom-canvas: #F3F6FA;
  --axiom-command-bar: #F8FAFC;
  --axiom-surface: #FFFFFF;
  --axiom-border: #E2E8F0;
  --axiom-text-primary: #0F172A;
  --axiom-text-secondary: #475569;
  --axiom-success: #16A34A;
  --axiom-warning: #F59E0B;
  --axiom-danger: #DC2626;

  --axiom-min-button-height: 2.75rem;
  --axiom-min-nav-height: 2.75rem;
  --axiom-topbar-height: 2.75rem;
  --axiom-command-bar-height: 2.75rem;

  --axiom-font-family: "Segoe UI", "Segoe UI Variable", system-ui, -apple-system,
    BlinkMacSystemFont, sans-serif;

  --axiom-sidebar-expanded-width: 256px;
  --axiom-sidebar-collapsed-width: 56px;
  --axiom-sidebar-transition: 300ms;
  --axiom-sidebar-item-height: 2.25rem;
  --axiom-sidebar-icon-size: 1.25rem;

  /* Map AXIOM identity onto Fluent UI Blazor design tokens. */
  --accent-fill-rest: var(--axiom-primary);
  --accent-fill-hover: var(--axiom-primary-dark);
  --accent-fill-active: var(--axiom-primary-dark);
  --accent-foreground-rest: var(--axiom-primary);
  --neutral-foreground-rest: var(--axiom-text-primary);
}

body {
  background-color: var(--axiom-canvas);
  color: var(--axiom-text-primary);
  font-family: var(--axiom-font-family);
}