/**
 * design-tokens.css — OfficeLaw Design System
 * Versão: V1.0
 * Fonte canônica da direção Visual 1 / opção 4.
 */

:root {
  color-scheme: dark;
  --bg: #101319;
  --bg-elevated: #151922;
  --bg-layered: #1a202a;
  --sidebar: #08080a;
  --panel: #1a202a;
  --panel-strong: #202733;
  --panel-muted: #151922;
  --panel-hover: #242c38;
  --line: #2a3442;
  --line-strong: #3a4657;
  --line-soft: #242c38;
  --text: #f2ede2;
  --text-strong: #ffffff;
  --muted: #a9adba;
  --muted-2: #858c9b;
  --muted-3: #626b79;
  --accent: #e1bc6a;
  --accent-strong: #b4893e;
  --accent-soft: rgba(225, 188, 106, 0.12);
  --accent-ring: rgba(225, 188, 106, 0.34);
  --success: #4ade80;
  --success-soft: rgba(74, 222, 128, 0.12);
  --warning: #fbbf24;
  --warning-soft: rgba(251, 191, 36, 0.12);
  --danger: #f87171;
  --danger-soft: rgba(248, 113, 113, 0.13);
  --info: #60a5fa;
  --info-soft: rgba(96, 165, 250, 0.12);
  --font-editorial: "Inter", Arial, sans-serif;
  --font-sans: "Inter", Arial, sans-serif;
  --font-document: Arial, Helvetica, sans-serif;
  --font-mono: "JetBrains Mono", Consolas, monospace;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-medium: 0 18px 48px rgba(0, 0, 0, 0.32);

  /* Paleta primária */
  --oly-color-primary-900: #0f0f1a;
  --oly-color-primary-800: #1a1a2e;
  --oly-color-primary-700: #16213e;
  --oly-color-primary-600: #1e2a4a;
  --oly-color-primary-500: #2d3a5c;

  /* Paleta de acento */
  --oly-color-accent-600: #c73652;
  --oly-color-accent-500: #e94560;
  --oly-color-accent-400: #f06080;

  /* Cores semânticas */
  --oly-color-success: #10b981;
  --oly-color-success-light: #d1fae5;
  --oly-color-warning: #f59e0b;
  --oly-color-warning-light: #fef3c7;
  --oly-color-danger: #ef4444;
  --oly-color-danger-light: #fee2e2;
  --oly-color-info: #3b82f6;
  --oly-color-info-light: #dbeafe;

  /* Superfícies */
  --oly-surface-bg: #f8fafc;
  --oly-surface-card: #ffffff;
  --oly-surface-overlay: rgba(0, 0, 0, 0.6);

  /* Bordas */
  --oly-border-color: #e2e8f0;
  --oly-border-radius-xs: 4px;
  --oly-border-radius-sm: 6px;
  --oly-border-radius-md: 8px;
  --oly-border-radius-lg: 12px;
  --oly-border-radius-xl: 16px;

  /* Tipografia */
  --oly-font-sans: var(--font-sans);
  --oly-font-mono: var(--font-mono);
  --oly-font-size-xs: 11px;
  --oly-font-size-sm: 13px;
  --oly-font-size-base: 14px;
  --oly-font-size-md: 16px;
  --oly-font-size-lg: 18px;
  --oly-font-size-xl: 20px;
  --oly-font-size-2xl: 24px;

  /* Sombras */
  --oly-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --oly-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
  --oly-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.15);
  --oly-shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.25);

  /* Espaçamento */
  --oly-space-1: 4px;
  --oly-space-2: 8px;
  --oly-space-3: 12px;
  --oly-space-4: 16px;
  --oly-space-5: 20px;
  --oly-space-6: 24px;
  --oly-space-8: 32px;
  --oly-space-10: 40px;
  --oly-space-12: 48px;

  /* Transições */
  --oly-transition-fast: 0.15s ease;
  --oly-transition-base: 0.2s ease;
  --oly-transition-slow: 0.3s ease;

  /* Z-index */
  --oly-z-dropdown: 100;
  --oly-z-modal: 500;
  --oly-z-toast: 900;
  --oly-z-overlay-full: 9999;

  /* V0.148: tokens específicos do módulo de deploy */
  --oly-deploy-staging-color: #f59e0b;
  --oly-deploy-prod-color: #10b981;
  --oly-deploy-rollback-color: #ef4444;
  --oly-deploy-progress-height: 6px;
  --oly-deploy-upload-border: 2px dashed #e2e8f0;
  --oly-deploy-upload-border-hover: 2px dashed #3b82f6;
}

:root[data-theme-resolved="light"] {
  color-scheme: light;
  --bg: #f3f6f8;
  --bg-elevated: #f8fafc;
  --bg-layered: #ffffff;
  --sidebar: #f8fafc;
  --panel: #ffffff;
  --panel-strong: #f7f9fb;
  --panel-muted: #edf2f5;
  --panel-hover: #eaf0f4;
  --line: #d8e1e7;
  --line-strong: #c5d1da;
  --line-soft: #e7edf1;
  --text: #111827;
  --text-strong: #111827;
  --muted: #5c667a;
  --muted-2: #6b7280;
  --muted-3: #9299a5;
  --accent: #b8862b;
  --accent-strong: #805a12;
  --accent-soft: rgba(184, 134, 43, 0.1);
  --accent-ring: rgba(184, 134, 43, 0.3);
  --success: #1d7c61;
  --success-soft: rgba(29, 124, 97, 0.1);
  --warning: #c88a2d;
  --warning-soft: rgba(200, 138, 45, 0.1);
  --danger: #b54848;
  --danger-soft: rgba(181, 72, 72, 0.1);
  --info: #416b9a;
  --info-soft: rgba(65, 107, 154, 0.1);
  --shadow-soft: 0 1px 2px rgba(17, 24, 39, 0.04);
  --shadow-medium: 0 14px 36px rgba(17, 24, 39, 0.08);
}