/*
  Dashboard design tokens — aSpace
  Source: planning/dashboard-design-system.md
  Demonstration UI only. Do not treat values as live product theming contracts.
*/

:root {
  /* ---- Tier 1 — brand palette ---- */
  --brand-blue: #002fa7;
  --brand-black: #05070d;
  --brand-grey: #adacb5;
  --brand-off-white: #f7f5ef;
  --brand-lime: #b2f704;
  --brand-coral: #fd3b31;
  --brand-green: #22c55e;
  --brand-orange: #fc8902;
  --brand-yellow: #fdd30a;
  --brand-red: #fd3b31;

  --brand-blue-dark: #012580;
  --brand-blue-bright: #0435b0;
  --brand-blue-lift: #0b3ebd;
  --brand-grey-dark: #616269;
  --brand-grey-light: #d2d1d6;
  --brand-grey-wash: #e4e3e0;
  --brand-red-dark: #c02e27;

  /* ---- Tier 2 — dashboard semantic ---- */
  --dash-primary: var(--brand-blue);
  --dash-primary-hover: var(--brand-blue-dark);
  --dash-accent: var(--brand-lime);

  --dash-ink: var(--brand-black);
  --dash-muted: var(--brand-grey-dark);
  --dash-border: var(--brand-grey-light);
  --dash-canvas: #f4f5f7;
  --dash-surface: #ffffff;
  --dash-surface-soft: var(--brand-off-white);
  --dash-surface-inverse: var(--brand-blue);
  --dash-hover: #f0f1f4;
  --dash-disabled-bg: #e8e8ec;
  --dash-disabled-text: #9a9aa3;

  --dash-on-dark: #ffffff;
  --dash-on-dark-muted: rgba(255, 255, 255, 0.82);

  --dash-info: var(--brand-blue);
  --dash-info-bg: #edf0f9;
  --dash-success: #166534;
  --dash-success-bg: #e8f8ee;
  --dash-warning: #9a5b00;
  --dash-warning-bg: #fff4e5;
  --dash-critical: var(--brand-red-dark);
  --dash-critical-bg: #fff1f1;
  --dash-pending-bg: #fff8db;
  --dash-pending-text: #7a6200;

  --dash-chat-assistant: #edf0f9;
  --dash-chat-user: #eef0f3;
  --dash-focus: var(--brand-blue);

  --dash-font-ui: "Archivo", "Segoe UI", Helvetica, Arial, sans-serif;
  --dash-font-display: "Archivo", "Segoe UI", Helvetica, Arial, sans-serif;
  --dash-font-label: "Space Mono", ui-monospace, Menlo, Consolas, monospace;
  --dash-text-ui-label: 0.875rem;

  --dash-text-2xs: 0.75rem;
  --dash-text-xs: 0.875rem;
  --dash-text-sm: 0.9375rem;
  --dash-text-base: 1rem;
  --dash-text-md: 1.125rem;
  --dash-text-lg: 1.25rem;
  --dash-text-xl: 1.5rem;
  --dash-text-2xl: 1.75rem;

  --dash-leading-tight: 1.2;
  --dash-leading-snug: 1.35;
  --dash-leading-normal: 1.5;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --shadow-1: 0 1px 3px rgba(5, 7, 13, 0.1);

  --dash-header-h: 3.75rem;
  --dash-secondary-h: 3.25rem;
  --dash-ai-width: 22.5rem;
  --dash-page-pad: var(--space-4);

  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;

  --z-header: 100;
  --z-secondary: 90;
  --z-drawer: 200;
  --z-nav: 250;
  --z-modal: 300;
  --z-toast: 400;
  --z-skip: 500;
}

@media (min-width: 768px) {
  :root {
    --dash-page-pad: var(--space-5);
  }
}

@media (min-width: 1200px) {
  :root {
    --dash-page-pad: var(--space-6);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
    --transition-base: 0ms;
  }
}