/* Arkrocket theme override for Chatwoot — drops in via nginx sub_filter */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap');

:root,
:root[data-theme='light'],
:root[data-theme='dark'] {
  /* Brand gold */
  --color-woot: #b8860b !important;
  --color-primary: #b8860b !important;
  --w-color-primary: #b8860b !important;
  --primary-color: #b8860b !important;
  --color-primary-darken-1: #a3770a !important;
  --color-primary-darken-2: #8e6809 !important;
  --color-primary-700: #b8860b !important;
  --color-primary-500: #b8860b !important;
  --color-primary-400: #c9a24a !important;
  --color-primary-300: #d4a043 !important;
  --color-primary-200: #e1c47a !important;
  --color-primary-100: #f0e1bf !important;
  --color-primary-50:  #faf3df !important;

  /* Backgrounds */
  --color-background: #f6f4ef !important;
  --color-background-light: #f6f4ef !important;
  --color-bg: #f6f4ef !important;
  --color-bg-alpha-2: #ece8df !important;
  --color-body: #f6f4ef !important;
  --color-surface: #ffffff !important;

  /* Text */
  --color-heading: #1a1a1a !important;
  --color-body-text: #1a1a1a !important;
  --color-text: #1a1a1a !important;
  --color-n-900: #1a1a1a !important;
  --color-n-800: #2a2a28 !important;
  --color-n-700: #3a3a38 !important;
  --color-n-600: #5a5a58 !important;
  --color-n-500: #6a6a68 !important;
  --color-n-400: #9a9a96 !important;
  --color-n-300: #d9d5cb !important;
  --color-n-200: #e4e0d5 !important;
  --color-n-100: #ece8df !important;
  --color-n-50:  #f6f4ef !important;
}

body, html, .app-wrapper, .app-content, .navigation-wrap {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
  background-color: #f6f4ef !important;
  color: #1a1a1a !important;
}

h1, h2, h3, .display-heading {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
}

code, pre, .mono, .uppercase, [class*='uppercase'] {
  font-family: 'DM Mono', 'SF Mono', Menlo, monospace !important;
}

/* Primary buttons */
.button.button--primary,
.button.button--primary-light,
.btn-primary,
button[class*='primary']:not([class*='outline']) {
  background: #b8860b !important;
  border-color: #b8860b !important;
  color: #fff !important;
}
.button.button--primary:hover,
.btn-primary:hover {
  background: #d4a043 !important;
  border-color: #d4a043 !important;
}

/* Links + accent text */
a:not(.button):not([class*='avatar']),
.text-primary,
.text-woot {
  color: #b8860b !important;
}

/* Sidebar / nav active state */
.menu-item.active, .menu-item--active, .active-menu-item {
  background-color: rgba(184, 134, 11, 0.1) !important;
  color: #b8860b !important;
}

/* Onboarding card */
.auth-page, .login-form, .signup--page {
  background: #f6f4ef !important;
}