/* MorAlgorithms — cool slate palette */

:root {
  --mor-bg: #12141a;
  --mor-panel: #1a1e27;
  --mor-header: #0c0e12;
  --mor-text: #eceef3;
  --mor-text-muted: #8b93a3;
  --mor-border: #2a3040;
  --mor-border-light: #3a4254;
  --mor-accent: #7c9cf5;
  --mor-accent-hover: #94afff;
  --mor-accent-glow: rgba(124, 156, 245, 0.12);
  --mor-btn: #222733;
  --mor-btn-hover: #2c3342;
  --mor-font: "DM Sans", system-ui, -apple-system, sans-serif;
  --mor-display: "Syne", var(--mor-font);
  --mor-mono: "IBM Plex Mono", ui-monospace, monospace;
  --mor-destructive: #e85d75;
  --mor-success: #3ecf8e;
  --mor-warning: #b8a8e8;
  --mor-new: #6eb5d9;
  --mor-like: #f06b8a;
  --mor-youtube: #ff6b6b;
  --mor-wikipedia: #8ec5ff;

  --editor-bg: var(--mor-bg);
  --editor-bg-deep: var(--mor-header);
  --editor-panel: var(--mor-panel);
  --editor-panel-soft: color-mix(in srgb, var(--mor-panel) 55%, transparent);
  --editor-panel-raised: var(--mor-btn);
  --editor-border: var(--mor-border);
  --editor-border-soft: color-mix(in srgb, var(--mor-border) 45%, transparent);
  --editor-text: var(--mor-text);
  --editor-muted: var(--mor-text-muted);
  --editor-muted-2: color-mix(in srgb, var(--mor-text-muted) 65%, transparent);
  --font-sans: var(--mor-font);
  --font-display: var(--mor-display);
  --editor-accent: var(--mor-accent);
  --editor-accent-warm: var(--mor-accent-hover);
  --editor-good: var(--mor-success);
  --editor-danger: var(--mor-destructive);
  --editor-warning: var(--mor-warning);
  --editor-new: var(--mor-new);
  --editor-focus: color-mix(in srgb, var(--mor-accent) 35%, transparent);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-card: 0 16px 48px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.04);
  --shadow-glow: 0 0 60px var(--mor-accent-glow);
}

[data-theme="light"] {
  --mor-bg: #f3f4f7;
  --mor-panel: #ffffff;
  --mor-header: #e8eaef;
  --mor-text: #12141a;
  --mor-text-muted: #5c6478;
  --mor-border: #d8dde8;
  --mor-border-light: #c4cad8;
  --mor-accent: #4a72e8;
  --mor-accent-hover: #3a62d8;
  --mor-accent-glow: rgba(74, 114, 232, 0.1);
  --mor-btn: #ffffff;
  --mor-btn-hover: #eef0f5;
  --mor-destructive: #d23651;
  --mor-success: #1f9d62;
  --mor-warning: #8a7ab8;
  --mor-new: #3a8fb8;
  --mor-like: #d23651;
  --shadow-card: 0 12px 40px rgba(18, 20, 26, 0.08), 0 0 0 1px rgba(18, 20, 26, 0.06);
  --shadow-glow: 0 0 40px var(--mor-accent-glow);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  background: var(--editor-bg);
  color: var(--editor-text);
  font-family: var(--font-sans);
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}