/* ===========================================
   Porto Guará Brand Layer (extends CabinHub substrate)
   Workspace: porto-guara-dashboard
   Last updated: 2026-05-21
   Tokens source: design/brand-tokens.json
   Substrate: ~/CabinHub/design/tokens.json (neutral ramps, spacing, type)
   =========================================== */

:root {
  /* ---------- Brand primary (emerald) — 11-step ramp ---------- */
  --brand-primary-50:  #e6fff5;
  --brand-primary-100: #b3ffe2;
  --brand-primary-200: #80ffd0;
  --brand-primary-300: #4dffbd;
  --brand-primary-400: #1affab;
  --brand-primary-500: #00e5a0;  /* canonical accent */
  --brand-primary-600: #00b380;
  --brand-primary-700: #008060;
  --brand-primary-800: #005340;
  --brand-primary-900: #002b22;
  --brand-primary-950: #001611;

  /* ---------- Brand accent (data-blue) ---------- */
  --brand-accent-50:  #eef4ff;
  --brand-accent-100: #dbe7ff;
  --brand-accent-200: #b8cfff;
  --brand-accent-300: #8eb1ff;
  --brand-accent-400: #608dff;
  --brand-accent-500: #3b82f6;  /* charts, secondary CTA */
  --brand-accent-600: #2563eb;
  --brand-accent-700: #1d4ed8;
  --brand-accent-800: #1e40af;
  --brand-accent-900: #1e3a8a;
  --brand-accent-950: #172554;

  /* ---------- Brand secondary (amber, attention) ---------- */
  --brand-secondary-50:  #fffbeb;
  --brand-secondary-100: #fef3c7;
  --brand-secondary-200: #fde68a;
  --brand-secondary-300: #fcd34d;
  --brand-secondary-400: #fbbf24;
  --brand-secondary-500: #f59e0b;
  --brand-secondary-600: #d97706;
  --brand-secondary-700: #b45309;
  --brand-secondary-800: #92400e;
  --brand-secondary-900: #78350f;
  --brand-secondary-950: #451a03;

  /* ---------- Brand gradients ---------- */
  --brand-gradient-ambient: linear-gradient(135deg, rgba(0,229,160,0.08), rgba(59,130,246,0.04) 60%, transparent 100%);
  --brand-gradient-accent-glow: radial-gradient(circle at 50% 0%, rgba(0,229,160,0.18) 0%, transparent 60%);

  /* ---------- Semantic ---------- */
  --brand-success: var(--brand-primary-500);
  --brand-warning: var(--brand-secondary-500);
  --brand-danger:  #ef4444;
  --brand-info:    var(--brand-accent-500);

  /* ---------- Type pairing ---------- */
  --brand-font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --brand-font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --brand-font-mono:    'DM Mono', 'JetBrains Mono', 'Fira Code', monospace;
  --brand-font-cn:      'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;

  /* ---------- Density preset (comfortable) ---------- */
  --brand-density-padding-card: 16px;
  --brand-density-padding-button: 10px 16px;
  --brand-density-gap-row: 12px;
  --brand-density-gap-section: 24px;
}

/* Dark mode = default for Porto Guará. Light mode swaps backgrounds + adjusts contrast. */
[data-theme='light'] {
  --brand-primary-500: #00b380;  /* slightly darker emerald for AA on light bg */
  --brand-accent-500:  #2563eb;  /* darker blue for AA on light bg */
}

/* Backwards compatibility: alias the existing --accent variable to brand primary
   so styles.css continues to work while we migrate components to brand tokens. */
:root {
  --accent: var(--brand-primary-500);
}