@import url('https://fonts.googleapis.com/css2?family=Cascadia+Code:wght@400;500;600;700&family=Fira+Code:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');

:root {
  /* Visual Studio / C# Dark IDE Palette */
  --bg-primary: #1e1e1e;
  --bg-secondary: #252526;
  --bg-tertiary: #2d2d30;
  
  --card-bg: #252526;
  --card-border: #3f3f46;
  --card-glow: rgba(0, 122, 204, 0.25);
  
  --text-primary: #d4d4d4;
  --text-secondary: #9cdcfe;
  --text-muted: #858585;
  
  /* C# Syntax Highlighting Tokens (Visual Studio Dark) */
  --cs-keyword: #569cd6;      /* public, class, namespace, async, return, var */
  --cs-type: #4ec9b0;         /* Project, TradingEngine, IFeedbackRepository */
  --cs-method: #dcdcaa;       /* Calculate(), ExecuteAsync(), Initialize() */
  --cs-string: #ce9178;       /* "Zebra Options", "ProwlSystems" */
  --cs-number: #b5cea8;       /* 2026, 100.0, numeric metrics */
  --cs-comment: #6a9955;      /* // Architecture & Design Comments */
  --cs-control: #c586c0;      /* if, foreach, switch, await */
  --cs-variable: #9cdcfe;     /* local parameters and identifiers */
  --cs-vs-blue: #007acc;      /* Visual Studio Title / Action Blue */
  --cs-dark-canvas: #1e1e1e;  /* Code Editor Background */
  --cs-tab-active: #1e1e1e;   /* Active Tab */
  --cs-tab-inactive: #2d2d30; /* Inactive Tab */
  --cs-line-number: #858585;  /* Editor Gutter Line Numbers */

  --accent-1: #569cd6;
  --accent-2: #4ec9b0;
  --accent-gradient: linear-gradient(135deg, #569cd6 0%, #4ec9b0 100%);
  
  --success: #4ec9b0;
  --danger: #f14c4c;

  /* Typography */
  --font-header: 'Outfit', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'Cascadia Code', 'Fira Code', Consolas, 'Courier New', monospace;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 20px rgba(0, 122, 204, 0.3);

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --max-width: 1380px;
  --header-height: 72px;
}