/* 
  NotaryOSS Dark Theme Variables
  This file establishes a consistent color palette across all pages.
  All hardcoded colors should reference these variables instead.
*/

:root {
  /* ========== PRIMARY THEME COLORS ========== */
  /* Main page background - used for large sections and default backgrounds */
  --theme-bg-primary: #0f1728;
  
  /* Secondary background - used for form inputs, fields, and secondary sections */
  --theme-bg-secondary: #0f3460;
  
  /* Tertiary background - used for modals, containers, and elevated sections */
  --theme-bg-tertiary: #1a1a2e;
  
  /* Alternative dark - used sparingly for special overrides */
  --theme-bg-dark: #0a1a2e;
  
  /* Button/accent background - used for secondary buttons and highlights */
  --theme-bg-accent: #243447;
  
  /* ========== BORDER & DIVIDER COLORS ========== */
  /* Primary border color - used throughout for form inputs and containers */
  --theme-border-primary: #34495e;
  
  /* Light border for subtle dividers */
  --theme-border-light: #445a6f;
  
  /* ========== TEXT COLORS ========== */
  /* Primary text color */
  --theme-text-primary: #ffffff;
  
  /* Secondary text color - for labels, hints, muted content */
  --theme-text-secondary: #ecf0f1;
  
  /* Muted text color - for headers, subtext */
  --theme-text-muted: #95a5a6;
  
  /* ========== ACCENT COLORS ========== */
  /* Warning/Important accent */
  --theme-accent-warning: #f39c12;
  
  /* Success/Positive accent */
  --theme-accent-success: #1abc9c;
  
  /* Error/Danger accent */
  --theme-accent-error: #e74c3c;
  
  /* Info accent */
  --theme-accent-info: #3498db;
  
  /* Light warning tone */
  --theme-accent-warning-light: #f9e79f;
  
  /* ========== SHADOW & OPACITY ========== */
  /* Standard shadow for modals and elevated content */
  --theme-shadow-standard: 0 4px 12px rgba(0, 0, 0, 0.15);
  
  /* Large shadow for prominent modals */
  --theme-shadow-large: 0 8px 32px rgba(0, 0, 0, 0.5);
  
  /* Extra large shadow for maximum prominence */
  --theme-shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.45);
  
  /* ========== COMPONENT SPECIFIC COLORS ========== */
  /* Scrollbar styling */
  --theme-scrollbar-track: var(--theme-bg-secondary);
  --theme-scrollbar-thumb: var(--theme-border-primary);
}

/* High contrast mode support */
@media (prefers-contrast: more) {
  :root {
    --theme-text-muted: #bdc3c7;
  }
}