/* Po.Co Factory UI v1. Brand HEX: Guidelines p.13. Other colors: UI adaptation.
   Averta Cyr files are not supplied. Add licensed @font-face locally when available. */
:root  {
  --brand-sand: #CAAA78;
  --brand-warm-gray: #B6ADA4;
  --brand-cool-gray: #646469;
  --brand-black: #000000;
  --surface-canvas: #F6F4F0;
  --surface-panel: #FFFFFF;
  --surface-soft: #EFECE6;
  --surface-selected: #F1E8D8;
  --surface-nav: #1D1E20;
  --text-primary: #202124;
  --text-secondary: #646469;
  --text-on-dark: #FFFFFF;
  --border-subtle: #DDD8CF;
  --border-control: #8C8780;
  --action-primary: #202124;
  --action-hover: #343538;
  --focus-ring: #7B603A;
  --status-success: #276749;
  --status-success-bg: #EDF5EF;
  --status-warning: #805300;
  --status-warning-bg: #FFF4DB;
  --status-error: #A32D32;
  --status-error-bg: #FBEFF0;
  --status-info: #315C85;
  --status-info-bg: #EDF3F9;
  --font-ui: 'Averta Cyr', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --weight-regular: 400;
  --weight-semibold: 600;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-control: 6px;
  --radius-panel: 10px;
  --radius-badge: 4px;
  --sidebar-width: 248px;
  --header-height: 64px;
  --motion-fast: 140ms;
  --motion-normal: 180ms;
  --shadow-overlay: 0 12px 36px rgb(32 33 36 / 14%);
}
/* Apply deliberately in the actual app; this file does not replace its component styles. */
.poco-numeric  {
  font-variant-numeric: tabular-nums;
}
.poco-focus:focus-visible  {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce)  {
  :root  {
    --motion-fast: 0ms;
    --motion-normal: 0ms;
  }
}