/**
 * TP-UI-001 — Tropos Unified Platform Design Tokens
 * Reference implementation. Import into product shells during migration.
 * Source: docs/design/TP-UI-001_Platform_Design_System.md
 */

:root {
  /* Brand — Forest (SilvaSense heritage → platform primary) */
  --tropos-forest-950: #0a1a12;
  --tropos-forest-900: #10271b;
  --tropos-forest-800: #183924;
  --tropos-forest-700: #244a31;
  --tropos-forest-600: #2f5f3f;
  --tropos-forest-500: #3d7550;

  /* Brand — Gold (accent, CTAs, active nav) */
  --tropos-gold-500: #d7b84d;
  --tropos-gold-400: #e4cb6a;
  --tropos-gold-300: #f0dfa0;

  /* Brand — Slate (neutral enterprise surfaces) */
  --tropos-slate-50: #f8fafc;
  --tropos-slate-100: #f1f5f9;
  --tropos-slate-200: #e2e8f0;
  --tropos-slate-300: #cbd5e1;
  --tropos-slate-400: #94a3b8;
  --tropos-slate-500: #64748b;
  --tropos-slate-600: #475569;
  --tropos-slate-700: #334155;
  --tropos-slate-800: #1e293b;
  --tropos-slate-900: #0f172a;

  /* Semantic */
  --tropos-success: #15803d;
  --tropos-success-bg: #dcfce7;
  --tropos-warning: #b45309;
  --tropos-warning-bg: #fef3c7;
  --tropos-danger: #b42318;
  --tropos-danger-bg: #fee4e2;
  --tropos-info: #0369a1;
  --tropos-info-bg: #e0f2fe;

  /* Typography */
  --tropos-font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --tropos-font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --tropos-text-xs: 0.6875rem;
  --tropos-text-sm: 0.8125rem;
  --tropos-text-base: 0.875rem;
  --tropos-text-md: 1rem;
  --tropos-text-lg: 1.125rem;
  --tropos-text-xl: 1.375rem;
  --tropos-text-2xl: 1.75rem;

  /* Spacing (4px base) */
  --tropos-space-1: 0.25rem;
  --tropos-space-2: 0.5rem;
  --tropos-space-3: 0.75rem;
  --tropos-space-4: 1rem;
  --tropos-space-5: 1.25rem;
  --tropos-space-6: 1.5rem;
  --tropos-space-8: 2rem;
  --tropos-space-10: 2.5rem;
  --tropos-space-12: 3rem;

  /* Layout */
  --tropos-sidebar-width: 17.5rem;
  --tropos-sidebar-collapsed: 4rem;
  --tropos-context-rail-width: 20rem;
  --tropos-header-height: 3.5rem;
  --tropos-radius-sm: 0.375rem;
  --tropos-radius-md: 0.625rem;
  --tropos-radius-lg: 0.875rem;
  --tropos-radius-xl: 1.125rem;

  /* Surfaces — light mode default */
  --tropos-bg-app: var(--tropos-slate-100);
  --tropos-bg-panel: #ffffff;
  --tropos-bg-sidebar: var(--tropos-forest-900);
  --tropos-bg-sidebar-card: var(--tropos-forest-800);
  --tropos-text-primary: var(--tropos-slate-900);
  --tropos-text-secondary: var(--tropos-slate-600);
  --tropos-text-on-dark: #eef0e2;
  --tropos-border: var(--tropos-slate-200);
  --tropos-border-strong: var(--tropos-slate-300);
  --tropos-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --tropos-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --tropos-shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);

  /* Workflow status */
  --tropos-status-blocked: var(--tropos-danger);
  --tropos-status-active: var(--tropos-info);
  --tropos-status-complete: var(--tropos-success);
  --tropos-status-pending: var(--tropos-slate-400);

  /* GIS */
  --tropos-map-toolbar-bg: rgba(16, 39, 27, 0.92);
  --tropos-map-overlay-border: rgba(215, 184, 77, 0.5);
}

[data-theme="dark"] {
  --tropos-bg-app: var(--tropos-slate-900);
  --tropos-bg-panel: var(--tropos-slate-800);
  --tropos-text-primary: var(--tropos-slate-50);
  --tropos-text-secondary: var(--tropos-slate-400);
  --tropos-border: var(--tropos-slate-700);
  --tropos-border-strong: var(--tropos-slate-600);
}