@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Montserrat:wght@600;700&display=swap');

:root {
  --broxur-black: #1a1a1a;
  --broxur-white: #ffffff;
  --font-display: "Montserrat", Arial, sans-serif;
  --font-ui: "Inter", Arial, sans-serif;
  --bg-primary: var(--broxur-black);
  --text-primary: var(--broxur-white);
  --text-secondary: rgba(255, 255, 255, .70);
  --text-muted: rgba(255, 255, 255, .50);
  --text-disabled: rgba(255, 255, 255, .30);
  --border-subtle: rgba(255, 255, 255, .12);
  --border-default: rgba(255, 255, 255, .20);
  --border-strong: rgba(255, 255, 255, .35);
  --surface-raised: rgba(255, 255, 255, .04);
  --surface-hover: rgba(255, 255, 255, .06);
  --surface-active: rgba(255, 255, 255, .12);
  --danger: #ef6b6b;
  --danger-strong: #c93f3f;
  --success: #8ed5a5;
  --warning: #f0c36b;
}