/* ==========================================================================
   ALLYNOTE — MINIMALIST DARK THEME & DESIGN SYSTEM
   Eye-friendly matte dark palette, zero glow, high contrast and clarity.
   ========================================================================== */

:root,
html,
[data-theme="dark"],
[data-theme="light"],
[data-theme="system"] {
  color-scheme: dark;
  --theme-mode: dark;

  /* Common Typography & Layout Geometry (Compact & Ergonomic) */
  --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-family-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  --transition-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 180ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 240ms cubic-bezier(0.4, 0, 0.2, 1);

  --sidebar-width: 210px;
  --header-height: 48px;
  --mobile-nav-height: 52px;

  /* Background Palette (Matte Charcoal & Graphite) */
  --bg-app: #0f1013;
  --bg-mesh: #0f1013;
  --bg-surface: #15181e;
  --bg-surface-elevated: #1b1e25;
  --bg-surface-secondary: #171a21;
  --bg-surface-tertiary: #20242d;
  --bg-input: #111317;
  --bg-hover: #1e222b;
  --bg-active: #262a35;

  /* Borders (Subtle & Crisp, No Glow) */
  --border-subtle: #21242d;
  --border-default: #2b303c;
  --border-strong: #3d4352;
  --highlight-surface: none;

  /* Typography Colors */
  --text-primary: #f1f3f6;
  --text-secondary: #9aa1ae;
  --text-muted: #626977;
  --text-disabled: #424652;
  --text-inverse: #ffffff;

  /* Primary Accent: Calm Slate-Indigo (Monochrome harmony) */
  --primary: #4766e8;
  --primary-hover: #3b56cf;
  --primary-gradient: #4766e8;
  --primary-light: rgba(71, 102, 232, 0.12);
  --primary-border: rgba(71, 102, 232, 0.28);
  --primary-focus: rgba(71, 102, 232, 0.25);
  --glow-primary: none !important;

  /* Functional Status Colors (Restrained, Not Saturated) */
  --success: #34d399;
  --success-light: rgba(52, 211, 153, 0.1);
  --success-border: rgba(52, 211, 153, 0.25);

  --warning: #eab308;
  --warning-light: rgba(234, 179, 8, 0.1);
  --warning-border: rgba(234, 179, 8, 0.25);

  --danger: #ef4444;
  --danger-light: rgba(239, 68, 68, 0.1);
  --danger-border: rgba(239, 68, 68, 0.25);

  --info: #38bdf8;
  --info-light: rgba(56, 189, 248, 0.1);

  --purple: #a855f7;
  --purple-light: rgba(168, 85, 247, 0.1);

  /* Clean Dark Shadows (Flat & Ergonomic) */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.45);
  --shadow-md: 0 3px 6px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 6px 14px rgba(0, 0, 0, 0.65);
  --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.75);
  --shadow-modal: 0 16px 36px rgba(0, 0, 0, 0.85);

  --backdrop-modal: rgba(0, 0, 0, 0.7);
  --sidebar-bg: #121417;
  --sidebar-border: #21242d;
  --header-bg: rgba(18, 20, 23, 0.94);
  --card-glass: #15181e;
}