/*
 * Grizat Design System v1 — Foundations
 * DS1-A: visual primitives only. No product behavior or data logic.
 */

:root {
  /* Brand / semantic color */
  --grizat-primary: #FF4500;
  --grizat-primary-hover: #E83F00;
  --grizat-accent: #00F2FE;
  --grizat-accent-soft: rgba(0, 242, 254, .12);
  --grizat-danger: #EF4444;
  --grizat-danger-hover: #DC2626;

  /* Product surfaces */
  --grizat-bg: #0B1220;
  --grizat-surface: #111A2B;
  --grizat-surface-raised: #162033;
  --grizat-surface-subtle: #0F1826;
  --grizat-border: #26344A;
  --grizat-border-strong: #3A4A63;

  /* Light/public surfaces kept explicit during the staged migration. */
  --grizat-public-surface: #FFFFFF;
  --grizat-public-border: #E9E9E9;
  --grizat-public-text: #111827;
  --grizat-public-muted: #777777;
  --grizat-public-surface-subtle: #F8F9FB;
  --grizat-public-border-strong: #CBD2DC;
  --grizat-public-text-secondary: #687085;
  --grizat-public-text-muted: #737C8D;
  --grizat-navy: #0F3D5E;
  --grizat-navy-deep: #092B43;

  /* Text */
  --grizat-text: #FFFFFF;
  --grizat-text-secondary: #D7E0ED;
  --grizat-text-muted: #8FA0BC;
  --grizat-text-disabled: #64748B;

  /* Typography */
  --grizat-font: Sora, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --grizat-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --grizat-text-xs: 12px;
  --grizat-text-sm: 14px;
  --grizat-text-md: 16px;
  --grizat-text-lg: 20px;
  --grizat-text-xl: 28px;

  /* Spacing */
  --grizat-space-1: 4px;
  --grizat-space-2: 8px;
  --grizat-space-3: 12px;
  --grizat-space-4: 16px;
  --grizat-space-5: 24px;
  --grizat-space-6: 32px;
  --grizat-space-7: 48px;

  /* Shape */
  --grizat-radius-xs: 4px;
  --grizat-radius-sm: 6px;
  --grizat-radius-md: 10px;
  --grizat-radius-lg: 14px;
  --grizat-radius-pill: 999px;

  /* Interaction */
  --grizat-control-height: 42px;
  --grizat-focus-ring: 0 0 0 3px rgba(0, 242, 254, .22);
  --grizat-shadow-popover: 0 16px 40px rgba(0, 0, 0, .36);
  --grizat-shadow-modal: 0 20px 60px rgba(0, 0, 0, .50);
  --grizat-motion-fast: 150ms ease;
  --grizat-motion-base: 200ms ease;

  /* Backward-compatible aliases while screens migrate in DS1-B. */
  --grizat-panel: var(--grizat-surface);
  --grizat-panel-2: var(--grizat-surface-subtle);
  --grizat-cyan: var(--grizat-accent);
  --grizat-cyan-dark: #00CBD5;
  --grizat-text-dim: var(--grizat-text-secondary);
  --grizat-muted: var(--grizat-text-muted);
  --grizat-muted-2: var(--grizat-text-disabled);
}

/* Accessible, consistent keyboard focus without changing mouse/touch layout. */
:where(.ps-btn, .grizat-modal-btn, .ps-menu-trigger, input, textarea, select, button):focus-visible {
  outline: none;
  box-shadow: var(--grizat-focus-ring);
}

/* Respect reduced-motion preferences globally for Grizat controls. */
@media (prefers-reduced-motion: reduce) {
  :where(.ps-btn, .grizat-modal-btn, .grizat-toast, .ps-menu-trigger) {
    transition-duration: 0.01ms !important;
  }
}