:root {
  --bg-primary: #f4f7fb;
  --bg-secondary: #ffffff;
  --bg-tertiary: #eef3f8;
  --bg-soft: #f8fafc;
  --surface-raised: rgba(255, 255, 255, 0.92);
  --text-primary: #162033;
  --text-secondary: #475569;
  --text-muted: #7b8798;
  --border-color: #d9e2ec;
  --border-hover: #87a7d8;

  --brand-primary: #0c2b5e;
  --brand-primary-hover: #1557a6;
  --brand-gold: #c9a84c;
  --brand-gold-hover: #aa8834;
  --brand-green: #168a57;
  --brand-green-hover: #0f7146;
  --brand-teal: #0f9f95;
  --brand-teal-hover: #0b8078;
  --brand-red: #c93445;
  --brand-red-hover: #a92434;
  --brand-purple: #6b46c1;
  --brand-purple-hover: #5835a8;
  --brand-sky: #1d74d8;

  --status-nuevo-bg: #e7f1ff;
  --status-nuevo-text: #1557a6;
  --status-cotizado-bg: #fff4d6;
  --status-cotizado-text: #8a6115;
  --status-proceso-bg: #eee9ff;
  --status-proceso-text: #5b3bb0;
  --status-pendiente-bg: #ffe9ed;
  --status-pendiente-text: #a42536;
  --status-completado-bg: #def7ec;
  --status-completado-text: #116b44;
  --status-perdido-bg: #eef0f4;
  --status-perdido-text: #465161;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 20px;
  --spacing-2xl: 24px;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 14px;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 10px 24px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 18px 45px rgba(15, 23, 42, 0.13);
  --shadow-xl: 0 28px 70px rgba(15, 23, 42, 0.18);
  --focus-ring: 0 0 0 4px rgba(21, 87, 166, 0.14);
}