/* Pique Media theme tokens for Columbus street tree reporting */
:root {
  --color-bg: #f8faf9;
  --color-surface: #ffffff;
  --color-surface-elevated: #f1f5f3;
  --color-surface-subtle: #eaf1ed;
  --color-border: #d4e0d9;
  --color-border-subtle: #e2ece6;
  
  --color-text-primary: #19241d;
  --color-text-secondary: #4a5b51;
  --color-text-muted: #6f8277;
  --color-text-inverse: #ffffff;

  --color-brand-forest: #1b5e34;
  --color-brand-forest-light: #2e7d48;
  --color-brand-leaf: #348e53;
  --color-brand-leaf-subtle: #e8f5ec;

  --color-status-closed: #2e7d48;
  --color-status-closed-bg: #e8f5ec;
  --color-status-workorder: #d97706;
  --color-status-workorder-bg: #fef3c7;
  --color-status-received: #2563eb;
  --color-status-received-bg: #dbeafe;
  --color-status-canceled: #6b7280;
  --color-status-canceled-bg: #f3f4f6;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: "Georgia", "Cambria", "Times New Roman", serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
  --shadow-elevated: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #0f1612;
    --color-surface: #17211b;
    --color-surface-elevated: #1f2c24;
    --color-surface-subtle: #24342a;
    --color-border: #2e4235;
    --color-border-subtle: #27382d;
    
    --color-text-primary: #ecf3ee;
    --color-text-secondary: #a3b8ab;
    --color-text-muted: #748c7d;
    --color-text-inverse: #0f1612;

    --color-brand-forest: #2e7d48;
    --color-brand-forest-light: #43a047;
    --color-brand-leaf: #4ade80;
    --color-brand-leaf-subtle: #173822;

    --color-status-closed: #4ade80;
    --color-status-closed-bg: #143520;
    --color-status-workorder: #fbbf24;
    --color-status-workorder-bg: #3a2a07;
    --color-status-received: #60a5fa;
    --color-status-received-bg: #172b4d;
    --color-status-canceled: #9ca3af;
    --color-status-canceled-bg: #22292f;

    --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.25);
    --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.35);
    --shadow-elevated: 0 10px 15px -3px rgba(0, 0, 0, 0.45);
  }
}