/**
 * BVUNZO design tokens — single source of truth for the authenticated app shell.
 * Load first in base_dashboard.html before other dashboard styles.
 */
:root {
  /* Surfaces */
  --bg-app: #ecf8ec;
  --bg-card: #cbd4d39f;
  --bg-card-alt: #cae0a6;
  --bg-footer: #8bc6d4;
  --bg-dark: #0f222d;

  /* Text */
  --text-main: #17212b;
  --text-muted: #667085;
  --text-inverse: #ffffff;

  /* Brand */
  --brand-primary: #3bb54a;
  --brand-primary-dark: #2d9a3a;
  --btn-primary-bg: linear-gradient(180deg, #bcfcff 0%, #5bc9c4 100%);
  --btn-primary-bg-hover: linear-gradient(180deg, #a8f0f4 0%, #4ab8b3 100%);
  --btn-primary-border: #5bc9c4;
  --btn-primary-border-hover: #4ab8b3;
  --brand-gold: #f2a900;
  --brand-gold-dark: #d99500;
  --brand-navy: #0f222d;

  /* Borders */
  --border-soft: #e5eaf0;
  --border-strong: #cbd5e1;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 48px rgba(15, 34, 45, 0.1);

  /* Radius */
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* Typography */
  --font-display: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-display: 2rem;
  --text-title: 1.5rem;
  --text-heading: 1.25rem;
  --text-card-title: 1rem;
  --text-body: 0.875rem;
  --text-body-lg: 0.9375rem;
  --text-caption: 0.8125rem;
  --text-label: 0.75rem;

  /* Mobile bottom nav (dashboard) — height set in hub.css at ≤768px */
  --mobile-bottom-nav-height: 5rem;
  --mobile-bottom-nav-inset: 0px;

  /* Legacy aliases — migrate existing CSS toward tokens */
  --bv-heading-green: var(--brand-primary);
  --bv-heading-yellow: var(--brand-gold);
  --navbar-accent: var(--brand-primary);
  --bvunzo-primary: var(--brand-primary);
  --bvunzo-primary-dark: var(--brand-primary-dark);
}