/* Noura Prism semantic design tokens.
   Loaded before main.css; prism-shell.css applies the post-main compatibility map. */

:root,
:root[data-theme="light"] {
  color-scheme: light;

  --prism-canvas: #F6F8FC;
  --prism-surface: #FFFFFF;
  --prism-surface-subtle: #FBFCFF;
  --prism-surface-secondary: var(--prism-surface-subtle);
  --prism-surface-elevated: #FFFFFF;
  --prism-text: #101828;
  --prism-text-muted: #667085;
  --prism-text-disabled: #98A2B3;
  --prism-border: #DCE3EE;
  --prism-border-strong: #B8C4D6;
  --prism-primary: #3157D5;
  --prism-primary-hover: #2748B8;
  --prism-ai: #7C4DFF;
  --prism-live: #16B8D4;
  --prism-success: #0E9F6E;
  --prism-warning: #D97706;
  --prism-danger: #D92D20;
  --prism-focus-ring: rgba(49, 87, 213, .28);

  --prism-shadow-1: 0 1px 2px rgba(16, 24, 40, .06);
  --prism-shadow-2: 0 6px 18px rgba(16, 24, 40, .08);
  --prism-shadow-3: 0 16px 40px rgba(16, 24, 40, .12);

  --prism-font-sans: "Segoe UI", Arial, sans-serif;
  --prism-font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  --prism-caption-size: 12px;
  --prism-caption-line: 16px;
  --prism-compact-size: 13px;
  --prism-compact-line: 18px;
  --prism-body-size: 14px;
  --prism-body-line: 20px;
  --prism-section-size: 16px;
  --prism-section-line: 24px;
  --prism-page-title-size: 20px;
  --prism-page-title-line: 28px;
  --prism-major-size: 28px;
  --prism-major-line: 36px;

  --prism-space-1: 4px;
  --prism-space-2: 8px;
  --prism-space-3: 12px;
  --prism-space-4: 16px;
  --prism-space-5: 20px;
  --prism-space-6: 24px;
  --prism-space-8: 32px;
  --prism-space-10: 40px;

  --prism-radius-sm: 6px;
  --prism-radius-md: 8px;
  --prism-radius-lg: 12px;
  --prism-control-compact: 36px;
  --prism-control-primary: 40px;
  --prism-control-mobile: 44px;
  --prism-sidebar-expanded: 248px;
  --prism-sidebar-collapsed: 84px;
  --prism-topbar-height: 72px;
  --prism-content-gutter: 24px;
  --prism-mobile-gutter: 16px;
}

:root[data-theme="dark"] {
  color-scheme: dark;

  --prism-canvas: #0B0F14;
  --prism-surface: #111820;
  --prism-surface-subtle: #0E151C;
  --prism-surface-secondary: var(--prism-surface-subtle);
  --prism-surface-elevated: #17202A;
  --prism-text: #F7FAFC;
  --prism-text-muted: #A8B3C2;
  --prism-text-disabled: #748193;
  --prism-border: #26313D;
  --prism-border-strong: #344252;
  --prism-primary: #6F8DFF;
  --prism-primary-hover: #8FA5FF;
  --prism-ai: #A78BFA;
  --prism-live: #2FB7D8;
  --prism-success: #20C997;
  --prism-warning: #F5B451;
  --prism-danger: #EF6461;
  --prism-focus-ring: rgba(111, 141, 255, .34);

  --prism-shadow-1: 0 1px 2px rgba(0, 0, 0, .24);
  --prism-shadow-2: 0 8px 24px rgba(0, 0, 0, .30);
  --prism-shadow-3: 0 18px 48px rgba(0, 0, 0, .42);
}