/* ClipVault Theme Tokens - Neomorphic Design System */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap');

:root {
  /* Default: Dark Neomorphic Palette */
  --bg-color: #1C1E22;
  --surface-color: #232529;
  --surface-hover: #292C31;
  --text-primary: #F3F4F6;
  --text-secondary: #9CA3AF;
  --text-muted: #6B7280;
  --border-color: #2D3036;

  /* Accent Color: Deep Emerald */
  --accent-color: #10B981;
  --accent-hover: #059669;
  --accent-glow: rgba(16, 185, 129, 0.25);
  --accent-text: #FFFFFF;

  /* Status Colors */
  --danger-color: #EF4444;
  --warning-color: #F59E0B;
  --info-color: #3B82F6;

  /* Neomorphic Shadow Specs (Dark) */
  --neo-shadow-flat: 6px 6px 14px #16181B, -6px -6px 14px #26282E;
  --neo-shadow-convex: 8px 8px 18px #15171A, -8px -8px 18px #272A30;
  --neo-shadow-inset: inset 4px 4px 8px #15171A, inset -4px -4px 8px #272A30;
  --neo-shadow-button: 4px 4px 10px #16181B, -4px -4px 10px #26282E;
  --neo-shadow-button-active: inset 3px 3px 6px #15171A, inset -3px -3px 6px #272A30;

  /* Fonts */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Fira Code', Consolas, Monaco, 'Courier New', monospace;

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Light Neomorphic Palette Overrides */
[data-theme="light"] {
  --bg-color: #EAEAEC;
  --surface-color: #EAEAEC;
  --surface-hover: #F2F2F4;
  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #9CA3AF;
  --border-color: #D1D5DB;

  --accent-color: #059669;
  --accent-hover: #047857;
  --accent-glow: rgba(5, 150, 105, 0.2);

  /* Neomorphic Shadow Specs (Light Soft Warm Gray) */
  --neo-shadow-flat: 7px 7px 15px #C5C5C7, -7px -7px 15px #FFFFFF;
  --neo-shadow-convex: 9px 9px 20px #C1C1C3, -9px -9px 20px #FFFFFF;
  --neo-shadow-inset: inset 4px 4px 8px #C5C5C7, inset -4px -4px 8px #FFFFFF;
  --neo-shadow-button: 5px 5px 12px #C5C5C7, -5px -5px 12px #FFFFFF;
  --neo-shadow-button-active: inset 3px 3px 6px #C5C5C7, inset -3px -3px 6px #FFFFFF;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  background-color: var(--bg-color);
  color: var(--text-primary);
  line-height: 1.6;
  min-height: 100vh;
  transition: background-color var(--transition-normal), color var(--transition-normal);
  -webkit-font-smoothing: antialiased;
}