/* DevRev brand — shared across all devrev-demo.com pages */

@font-face {
  font-family: 'Chip Display';
  src: url('/assets/fonts/ChipDisp-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chip Display';
  src: url('/assets/fonts/ChipDisp-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chip Display';
  src: url('/assets/fonts/ChipDisp-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chip Text';
  src: url('/assets/fonts/ChipText-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --dr-black: #161616;
  --dr-black-1200: #191616;
  --dr-black-1100: #211f20;
  --dr-black-1000: #302e2f;
  --dr-neutral-900: #3e3c3d;
  --dr-neutral-800: #514c4f;
  --dr-neutral-700: #7a7579;
  --dr-neutral-600: #a5a2a4;
  --dr-neutral-500: #cecece;
  --dr-neutral-400: #e8e8e8;
  --dr-neutral-300: #f4f4f4;
  --dr-white: #ffffff;

  --dr-yellow: #ffe600;
  --dr-yellow-500: #ffcd06;
  --dr-yellow-600: #c09d00;

  --dr-blue: #3968f6;
  --dr-green: #7adb12;
  --dr-purple: #8854f6;
  --dr-red: #c90651;
  --dr-orange: #f35106;

  --dr-font-display: 'Chip Display', system-ui, sans-serif;
  --dr-font-sans: 'Chip Text', system-ui, sans-serif;
  --dr-font-mono: 'SFMono-Regular', ui-monospace, Menlo, monospace;

  --dr-radius-md: 8px;
  --dr-radius-lg: 12px;
  --dr-radius-full: 9999px;
}

.dr-logo-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.dr-logo-header img {
  height: 22px;
  width: auto;
  display: block;
}

.dr-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 28px 24px 40px;
  color: var(--dr-neutral-600);
  font: 400 12px/1.4 var(--dr-font-sans);
}
.dr-footer img {
  height: 32px;
  width: auto;
  opacity: 0.85;
}

.dr-eyebrow {
  font: 500 12px/1.2 var(--dr-font-mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--dr-yellow);
}