/* =========================================================================
   METADAX Design System v2 — Design Tokens
   Fonte única: cdn.metadax.com.br/design/v2/global-design-system.md
   Este arquivo é a tradução literal dos tokens do documento em CSS custom
   properties, para que esta própria documentação seja construída com o
   sistema que ela documenta.
   ========================================================================= */

:root {
  color-scheme: dark light;

  /* Institucional — não muda entre temas */
  --metadax-blue: #0056B3;
  --metadax-blue-bright: #1E7FE0;
  --metadax-black: #1E1E1E;
  --metadax-white: #FFFFFF;
  --metadax-pure-black: #000000;
  --metadax-red: #FF4A3D;
  --metadax-red-strong: #E8362A;
  --metadax-red-soft: rgba(255, 74, 61, 0.14);
  --metadax-gradient-nova: linear-gradient(135deg, #0056B3 0%, #FF4A3D 100%);

  /* Semântica — valores dark por padrão */
  --color-success: #22C55E;
  --color-success-bg: rgba(34, 197, 94, 0.14);
  --color-warning: #F5B301;
  --color-warning-bg: rgba(245, 179, 1, 0.14);
  --color-caution: #FB8B24;
  --color-caution-bg: rgba(251, 139, 36, 0.14);
  --color-error: #E5342A;
  --color-error-bg: rgba(229, 52, 42, 0.14);
  --color-info: #3B82F6;
  --color-info-bg: rgba(59, 130, 246, 0.14);
  --focus-ring: #3B82F6;

  /* Transações (usadas aqui apenas como referência viva na doc) */
  --tx-income: #22C55E;
  --tx-expense: #E5342A;
  --tx-pending: #F5B301;
  --tx-transfer: #2E90FA;
  --tx-investment: #A855F7;
  --tx-neutral: #6C757D;

  /* Trading & ilustração */
  --accent-yellow: #F4B000;
  --price-up: #0ECB81;
  --price-down: #F6465D;

  /* AI Timeline (dark, padrão) */
  --ai-stage-thinking-fg: #C9B8FF; --ai-stage-thinking-bg: rgba(139,92,246,0.14);
  --ai-stage-grep-fg: #8ED2FF;     --ai-stage-grep-bg: rgba(59,130,246,0.14);
  --ai-stage-read-fg: #7EE8C7;     --ai-stage-read-bg: rgba(20,184,166,0.14);
  --ai-stage-edit-fg: #FFD08A;     --ai-stage-edit-bg: rgba(245,158,11,0.14);
  --ai-stage-done-fg: #8FE3A6;     --ai-stage-done-bg: rgba(34,197,94,0.14);

  /* Code block */
  --code-bg: #0D0D0D;
  --code-text: #E4E4E7;
  --code-comment: rgba(228, 228, 231, 0.48);
  --code-keyword: var(--metadax-blue-bright);
  --code-string: #0ECB81;
  --code-number: var(--accent-yellow);
  --code-function: #C9B8FF;
  --code-tag: var(--metadax-red);
  --code-error-line: rgba(229, 52, 42, 0.14);
  --code-added-line: rgba(14, 203, 129, 0.10);
  --code-removed-line: rgba(246, 70, 93, 0.10);

  /* Superfície — dark por padrão */
  --surface-canvas: #0A0A0A;
  --surface-1: #141414;
  --surface-2: #1E1E1E;
  --surface-3: #262626;
  --hairline: rgba(255, 255, 255, 0.08);
  --text-primary: #FFFFFF;
  --text-secondary: rgba(255, 255, 255, 0.64);
  --text-tertiary: rgba(255, 255, 255, 0.40);
  --shadow-product: rgba(0, 0, 0, 0.45) 3px 5px 30px 0;

  /* Radius */
  --radius-button-sm: 8px;
  --radius-button-md: 10px;
  --radius-button-lg: 12px;
  --radius-card: 18px;
  --radius-pill: 980px;

  /* Fontes */
  --font-institutional: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-product: 'Geist Sans', 'Inter', -apple-system, sans-serif;
  --font-mono: 'Geist Mono', 'Fira Code', Consolas, monospace;
  --font-financial: 'JetBrains Mono', 'Geist Mono', 'Fira Code', Consolas, monospace;
  --font-logo: 'Audiowide', sans-serif;
}

[data-theme="light"] {
  color-scheme: light;

  --color-success: #16A34A;
  --color-success-bg: rgba(22, 163, 74, 0.10);
  --color-warning: #B87503;
  --color-warning-bg: rgba(184, 117, 3, 0.10);
  --color-caution: #C2600C;
  --color-caution-bg: rgba(194, 96, 12, 0.10);
  --color-error: #C4281F;
  --color-error-bg: rgba(196, 40, 31, 0.10);
  --color-info-bg: rgba(59, 130, 246, 0.10);

  --price-up: #05B169;
  --price-down: #CF202F;

  --ai-stage-thinking-fg: #7C3AED; --ai-stage-thinking-bg: rgba(124,58,237,0.08);
  --ai-stage-grep-fg: #2563EB;     --ai-stage-grep-bg: rgba(37,99,235,0.08);
  --ai-stage-read-fg: #0D9488;     --ai-stage-read-bg: rgba(13,148,136,0.08);
  --ai-stage-edit-fg: #B45309;     --ai-stage-edit-bg: rgba(180,83,9,0.08);
  --ai-stage-done-fg: #15803D;     --ai-stage-done-bg: rgba(21,128,61,0.08);

  --surface-canvas: #FFFFFF;
  --surface-1: #FAFAFA;
  --surface-2: #F0F0F0;
  --surface-3: #E9ECEF;
  --hairline: rgba(0, 0, 0, 0.08);
  --text-primary: #1E1E1E;
  --text-secondary: rgba(0, 0, 0, 0.80);
  --text-tertiary: rgba(0, 0, 0, 0.48);
  --shadow-product: rgba(0, 0, 0, 0.22) 3px 5px 30px 0;
}