/* Raszter design tokenek (design system v2, docs/DESIGN_SYSTEM.md 3. fejezet).
   A docs/design-system/tokens.css másolata a központi belépéshez; ne módosítsd önállóan. */
:root {
  color-scheme: light;
  --ds-canvas: #f7f8fa;
  --ds-surface: #ffffff;
  --ds-subtle: #eff1f5;
  --ds-ink: #141b2e;
  --ds-muted: #566078;
  --ds-border: #e1e4eb;
  --ds-control-border: #7c8599;
  --ds-brand: #4845e4;
  --ds-brand-hover: #3935c8;
  --ds-on-brand: #ffffff;
  --ds-brand-soft: #ececfd;
  --ds-action: #4845e4;
  --ds-on-action: #ffffff;
  --ds-info: #245ea6;
  --ds-info-soft: #eaf2ff;
  --ds-success: #176346;
  --ds-success-soft: #e8f5ed;
  --ds-warning: #854d0e;
  --ds-warning-soft: #fff5dc;
  --ds-danger: #aa3030;
  --ds-danger-soft: #fcecec;
  --ds-focus: #245ea6;
  --ds-sidebar: #131a2b;
  --ds-sidebar-ink: #c3c9d8;
  --ds-sidebar-muted: #8a93a8;
  --ds-sidebar-hover: rgba(110, 122, 246, 0.1);
  --ds-sidebar-active: rgba(110, 122, 246, 0.18);
  /* Not in spec 3.2: #4845e4 is only 2.7:1 on the navy sidebar. */
  --ds-sidebar-accent: #6e7af6;
  --ds-font:
    "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --ds-text-xs: 0.75rem;
  --ds-text-sm: 0.8125rem;
  --ds-text-md: 0.875rem;
  --ds-text-body: 0.9375rem;
  --ds-text-input: 1rem;
  --ds-text-section: 1.125rem;
  --ds-text-title: 1.75rem;
  --ds-space-1: 0.25rem;
  --ds-space-2: 0.5rem;
  --ds-space-3: 0.75rem;
  --ds-space-4: 1rem;
  --ds-space-5: 1.25rem;
  --ds-space-6: 1.5rem;
  --ds-space-8: 2rem;
  --ds-space-10: 2.5rem;
  --ds-space-12: 3rem;
  --ds-radius-control: 0.5rem;
  --ds-radius-panel: 0.75rem;
  --ds-radius-dialog: 1rem;
  --ds-radius-pill: 999px;
  --ds-control-height: 2.75rem;
  --ds-row-height: 3.5rem;
  --ds-sidebar-width: 14.5rem;
  --ds-page-max: 90rem;
  --ds-content-gap: 1.5rem;
  --ds-duration-fast: 120ms;
  --ds-duration-normal: 180ms;
  --ds-duration-slow: 240ms;
  --ds-shadow-overlay: 0 16px 48px rgb(0 0 0 / 18%);
  --ds-z-sticky: 10;
  --ds-z-nav: 20;
  --ds-z-toast: 50;
}

[data-bs-theme="dark"] {
  color-scheme: dark;
  --ds-canvas: #0e1320;
  --ds-surface: #161d2e;
  --ds-subtle: #1c2538;
  --ds-ink: #e8ebf2;
  --ds-muted: #a0a8ba;
  --ds-border: #283246;
  --ds-control-border: #758793;
  --ds-brand: #6e7af6;
  --ds-brand-hover: #8a94f8;
  --ds-on-brand: #0f1424;
  --ds-brand-soft: #23264a;
  --ds-action: #8a94f8;
  --ds-on-action: #0f1424;
  --ds-info: #9ac5ff;
  --ds-info-soft: #23354c;
  --ds-success: #91d7b0;
  --ds-success-soft: #203b31;
  --ds-warning: #f4d184;
  --ds-warning-soft: #3c321e;
  --ds-danger: #ffadad;
  --ds-danger-soft: #452a2f;
  --ds-focus: #9ac5ff;
  --ds-sidebar: #0a0f1a;
  --ds-sidebar-ink: #c3c9d8;
  --ds-sidebar-muted: #8a93a8;
  --ds-sidebar-hover: rgba(110, 122, 246, 0.1);
  --ds-sidebar-active: rgba(110, 122, 246, 0.18);
  --ds-sidebar-accent: #6e7af6;
}

[data-density="compact"] {
  --ds-row-height: 2.75rem;
  --ds-content-gap: 1rem;
}

@media (pointer: coarse) {
  :root {
    --ds-control-height: 3rem;
    --ds-row-height: 3.5rem;
  }
  [data-density="compact"] {
    --ds-row-height: 3.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ds-duration-fast: 0ms;
    --ds-duration-normal: 0ms;
    --ds-duration-slow: 0ms;
  }
}