/* D3 Flow ERP - Temas: dark (padrao) e light.
   Nunca use cores hardcoded no codigo de produto - sempre variaveis semanticas. */

:root,
[data-theme="dark"] {
  --surface-canvas: #0E1F26;
  --surface-sunken: #07151A;
  --surface-card: #16323D;
  --surface-raised: #1E3D49;
  --surface-inverse: #F4FBF8;
  --text-strong: #F4FBF8;
  --text-body: #B6C8CC;
  --text-muted: #88A2A8;
  --text-faint: #5E7B83;
  --text-on-neon: #07151A;
  --text-on-light: #2E2E2E;
  --accent: #22FFC4;
  --accent-hover: #74FFD9;
  --accent-press: #12E0AA;
  --accent-wash: rgba(34, 255, 196, 0.12);
  --accent-line: rgba(34, 255, 196, 0.30);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-default: rgba(255, 255, 255, 0.14);
  --border-strong: rgba(255, 255, 255, 0.24);
  --focus-ring: rgba(34, 255, 196, 0.55);
  --shadow-focus: 0 0 0 3px var(--focus-ring);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.35);
  --shadow-md: 0 6px 20px rgba(0,0,0,0.35);
  --shadow-lg: 0 18px 50px rgba(0,0,0,0.45);
  --sidebar-bg: var(--surface-sunken);
}

[data-theme="light"] {
  --surface-canvas: #F4FBF8;
  --surface-sunken: #EEF4F4;
  --surface-card: #FFFFFF;
  --surface-raised: #F0FAF6;
  --surface-inverse: #0E1F26;
  --text-strong: #071318;
  --text-body: #1E3D49;
  --text-muted: #3C5B65;
  --text-faint: #5E7B83;
  --text-on-neon: #07151A;
  --text-on-light: #2E2E2E;
  --accent: #12E0AA;
  --accent-hover: #22FFC4;
  --accent-press: #0BC89A;
  --accent-wash: rgba(18, 224, 170, 0.10);
  --accent-line: rgba(18, 224, 170, 0.35);
  --border-subtle: rgba(0, 0, 0, 0.06);
  --border-default: rgba(0, 0, 0, 0.10);
  --border-strong: rgba(0, 0, 0, 0.18);
  --focus-ring: rgba(18, 224, 170, 0.45);
  --shadow-focus: 0 0 0 3px var(--focus-ring);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.10);
  --shadow-md: 0 4px 14px rgba(0,0,0,0.10);
  --shadow-lg: 0 12px 36px rgba(0,0,0,0.12);
  --sidebar-bg: #FFFFFF;
}