/* ============================================
   RESTROWORKS THEME
   Central theme file for colors, typography,
   spacing, and dark mode.
   ============================================ */

/* Google Fonts 'Inter' is loaded via <link> in index.html */

/* ---- Light Theme (default) ---- */
:root,
[data-theme="light"] {
  /* Primary */
  /*--rw-primary: #4f6ae8;*/
  --rw-primary: #0E52C1;
  --rw-primary-dark: #1A5AE6;
  --rw-primary-light: #EEF3FF;
  --rw-primary-end: #5B8FFF;

  /* Accent palette */
  --rw-purple: #5A6978;
  --rw-pink: #D95D6F;
  --rw-coral: #E07A52;
  --rw-yellow: #E5A929;
  --rw-warning: #f4986d;
  --rw-warning-dark: #e07a52;
  --rw-danger: #ef4444;
  --rw-danger-dark: #dc2626;
  --rw-danger-soft-bg: #fef2f2;
  --rw-danger-soft-text: #dc2626;
  --rw-green: #22c55e;
  --rw-green-dark: #16a34a;
  --rw-teal: #4f6ae8;
  --rw-teal-light: #5B8FFF;
  --rw-blue: #3B82B8;
  --rw-blue-dark: #2D6A9F;

  /* Neutrals */
  --rw-dark: #1E1E1E;
  --rw-bg: #F5F6F8;
  --rw-white: #FFFFFF;
  --rw-text: #1F2937;
  --rw-text-light: #6B7280;
  --rw-border: #E2E5EA;

  /* Surfaces */
  --rw-sidebar-bg: #FFFFFF;
  --rw-card-bg: #FFFFFF;
  --rw-card-hover-shadow: rgba(0,0,0,0.06);
  --rw-input-bg: #FFFFFF;
  --rw-tab-bg: #f1f5f9;

  /* Icons */
  --rw-icon-stroke: #6B7280;
  --rw-icon-hover: #1F2937;

  /* Nav */
  --rw-nav-bg: #FFFFFF;
  --rw-nav-text: #1F2937;
  --rw-nav-text-muted: rgba(31,41,55,0.5);
  --rw-nav-hover-bg: rgba(0,0,0,0.04);
  --rw-nav-border: #E2E5EA;
  --rw-active-bg: #1F2937;

  /* Radii */
  --radius-xl: 10px;
  --radius-md: 8px;
  --radius-sm: 6px;

  /* Shadows (primary-tinted) */
  --rw-shadow-xs: rgba(0,70,255,0.03);
  --rw-shadow-sm: rgba(0,70,255,0.08);
  --rw-shadow-md: rgba(0,70,255,0.15);
  --rw-shadow-lg: rgba(0,70,255,0.25);
  --rw-shadow-pill: rgba(0,70,255,0.2);

  /* Derived UI states */
  --rw-hover-bg: #fafbff;
  --rw-active-bg-soft: #eef2ff;
  --rw-hover-bg-soft: #f0f4ff;
  --rw-action-hover-bg: #f8faff;
  --rw-warning-bg: #fffbeb;
  --rw-warning-hover-bg: #fef3c7;
  --rw-warning-text: #92400e;
  --rw-warning-text-light: #d97706;
  --rw-badge-border-soft: #c7d2fe;
  --rw-toggle-off: #d1d5db;
  --rw-toggle-knob-shadow: rgba(0,0,0,0.15);

  /* Addon settings card */
  --rw-addon-bg: #f0f9ff;
  --rw-addon-border: #bae6fd;
  --rw-addon-text: #0369a1;

  /* Surface */
  --rw-surface: #f8fafc;

  /* Settings page accents (scoped to .rw-settings-page) */
  --rw-settings-toggle-on: #4185F4;
  --rw-settings-chip-bg:   #EBF3FE;
  --rw-settings-chip-text: #4185F4;
  --rw-settings-page-bg:   #F9FAFB;
  --rw-settings-card-bg:   #FFFFFF;

  /* Typography */
  --rw-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --rw-font-size: 13px;
  --rw-font-size-sm: 12px;
  --rw-font-size-lg: 15px;
}

/* ---- Dark Theme ---- */
[data-theme="dark"] {
  /* Primary stays the same */
  --rw-primary: #5B8FFF;
  --rw-primary-dark: #4f6ae8;
  --rw-primary-light: rgba(46,107,255,0.12);
  --rw-primary-end: #7BA8FF;

  /* Danger */
  --rw-danger: #f87171;
  --rw-danger-dark: #ef4444;
  --rw-danger-soft-bg: rgba(239,68,68,0.12);
  --rw-danger-soft-text: #f87171;

  /* Neutrals */
  --rw-dark: #E4E6EA;
  --rw-bg: #111215;
  --rw-white: #1A1C20;
  --rw-text: #E4E6EA;
  --rw-text-light: #8B8F98;
  --rw-border: #2A2D32;

  /* Surfaces */
  --rw-sidebar-bg: #15171A;
  --rw-card-bg: #1A1C20;
  --rw-card-hover-shadow: rgba(0,0,0,0.3);
  --rw-input-bg: #1A1C20;
  --rw-tab-bg: #1E2025;

  /* Icons */
  --rw-icon-stroke: #8B8F98;
  --rw-icon-hover: #E4E6EA;

  /* Nav */
  --rw-nav-bg: #0D0E11;
  --rw-nav-text: #FFFFFF;
  --rw-nav-text-muted: rgba(255,255,255,0.6);
  --rw-nav-hover-bg: rgba(255,255,255,0.08);
  --rw-nav-border: transparent;
  --rw-active-bg: #5B8FFF;

  /* Shadows */
  --rw-shadow-xs: rgba(91,143,255,0.04);
  --rw-shadow-sm: rgba(91,143,255,0.1);
  --rw-shadow-md: rgba(91,143,255,0.18);
  --rw-shadow-lg: rgba(91,143,255,0.28);
  --rw-shadow-pill: rgba(91,143,255,0.22);

  /* Derived UI states */
  --rw-hover-bg: rgba(255,255,255,0.04);
  --rw-active-bg-soft: rgba(91,143,255,0.12);
  --rw-hover-bg-soft: rgba(91,143,255,0.08);
  --rw-action-hover-bg: rgba(91,143,255,0.06);
  --rw-warning-bg: rgba(229,169,41,0.1);
  --rw-warning-hover-bg: rgba(229,169,41,0.18);
  --rw-warning-text: #fbbf24;
  --rw-warning-text-light: #fbbf24;
  --rw-badge-border-soft: rgba(91,143,255,0.3);
  --rw-toggle-off: #4B5563;
  --rw-toggle-knob-shadow: rgba(0,0,0,0.3);

  /* Addon settings card */
  --rw-addon-bg: rgba(3,105,161,0.08);
  --rw-addon-border: rgba(125,211,252,0.2);
  --rw-addon-text: #7dd3fc;

  /* Surface */
  --rw-surface: #1C1E25;

  /* Settings page accents (dark mode keeps the same brand blue) */
  --rw-settings-toggle-on: #4185F4;
  --rw-settings-chip-bg:   rgba(65,133,244,0.16);
  --rw-settings-chip-text: #7BB3F9;
  --rw-settings-page-bg:   #111215;
  --rw-settings-card-bg:   #1A1C20;
}