:root {
  /* Aventin brand colour overrides */
  --color-blue-10: #FBFBF9;
  --color-blue-20: #F0EEEA;
  --color-blue-30: #D6D6D2;
  --color-blue-40: #7A7A7A;
  --color-blue-50: #1C1C1C;
  --color-blue-60: #0F0F10;

  /* Primary accent — Terracotta */
  --color-blue: #C0653D;
  --color-blue-accent: #C0653D;
  --color-brand: #C0653D;
  --color-brand-light: #D8A48F;
  --color-brand-dark: #8C3F2D;

  /* Secondary accent — Patina */
  --color-success: #6F7F76;
  --color-success-light: #A8B3AC;
  --color-success-dark: #4E5B55;
}

/* Typography — inject Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

* {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
               sans-serif !important;
}

/* Sidebar accent bar */
nav, aside, [class*="sidebar"], [class*="leftPanel"] {
  border-right: 2px solid #C0653D !important;
}

/* Primary buttons */
button[class*="primary"], [class*="Button"][class*="primary"] {
  background-color: #C0653D !important;
  border-color: #C0653D !important;
}

button[class*="primary"]:hover {
  background-color: #8C3F2D !important;
}

/* Active nav items and highlights */
[class*="active"], [class*="selected"], [class*="highlighted"] {
  color: #C0653D !important;
}

/* Links */
a { color: #C0653D !important; }
a:hover { color: #8C3F2D !important; }

/* Input focus rings */
input:focus, textarea:focus, select:focus {
  border-color: #C0653D !important;
  outline-color: #C0653D !important;
  box-shadow: 0 0 0 2px rgba(192, 101, 61, 0.15) !important;
}

/* Kanban column headers / pipeline stage accents */
[class*="column-header"], [class*="stageHeader"] {
  border-top: 3px solid #C0653D !important;
}

/* Checkbox and toggle accents */
[class*="checkbox"][class*="checked"],
[class*="toggle"][class*="active"] {
  background-color: #C0653D !important;
}