/**
 * Envelark Design Tokens
 * Warm editorial luxury meets modern productivity software.
 * 100% configuration/tenant-driven via CSS Custom Properties.
 */

:root {
  /* Brand Core Palette */
  --brand-primary: #1F3D2E;     /* Forest */
  --brand-primary-hover: #162C21;
  --brand-primary-light: #E9EFEA;
  --brand-secondary: #D7C3A5;   /* Sand */
  --brand-secondary-hover: #C9B290;
  --brand-accent: #C46F4E;      /* Terracotta */
  --brand-accent-hover: #AD5B3C;
  --brand-accent-light: #FBEFEA;
  --brand-background: #F7F1E8;  /* Parchment */
  --brand-surface: #FFFFFF;
  --brand-surface-subtle: #FBF8F3;
  --brand-text: #1F2922;        /* Deep Forest Ink */
  --brand-muted: #7C7467;       /* Muted Earth */
  --brand-earth: #5A4636;       /* Earth */
  --brand-border: #E5DCCE;      /* Sand Border */
  --brand-border-subtle: #EFE9DE;
  
  /* Status & Semantic Signals */
  --brand-success: #2D6A4F;
  --brand-success-bg: #E8F3EE;
  --brand-warning: #B45309;
  --brand-warning-bg: #FEF3C7;
  --brand-danger: #BE123C;
  --brand-danger-bg: #FFE4E6;
  --brand-info: #3B6B78;
  --brand-info-bg: #EAF2F5;

  /* Semantic Inbox Chips */
  --chip-invoice-bg: #F4ECE1;
  --chip-invoice-text: #6B4E26;
  --chip-proposal-bg: #E8EFEA;
  --chip-proposal-text: #1F3D2E;
  --chip-needsreply-bg: #FBEFEA;
  --chip-needsreply-text: #A85233;
  --chip-file-bg: #EAF0F6;
  --chip-file-text: #2C5282;
  --chip-meeting-bg: #F3EAF8;
  --chip-meeting-text: #6B347A;
  --chip-waiting-bg: #F9F1DC;
  --chip-waiting-text: #785A12;
  --chip-campaign-bg: #EBF5F0;
  --chip-campaign-text: #22543D;
  --chip-important-bg: #FCE8E6;
  --chip-important-text: #9B2C2C;

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

  /* Shadows (Natural sun-cast, calm editorial depth) */
  --shadow-sm: 0 1px 2px rgba(31, 61, 46, 0.04);
  --shadow-md: 0 4px 12px rgba(31, 61, 46, 0.06), 0 1px 3px rgba(31, 61, 46, 0.03);
  --shadow-lg: 0 12px 32px rgba(31, 61, 46, 0.08), 0 2px 6px rgba(31, 61, 46, 0.04);
  --shadow-modal: 0 24px 50px rgba(31, 61, 46, 0.16), 0 4px 12px rgba(31, 61, 46, 0.08);

  /* Border Radii (Restrained, architectural, not bubbly) */
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 9px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Layout Dimensions */
  --sidebar-width: 250px;
  --list-width: 360px;
  --intel-width: 320px;
  --topbar-height: 58px;

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}