/* GoldCare theme for Chatwoot (dashboard, login and Help Center).
 *
 * Chatwoot colours everything through Radix-style CSS variables ("R G B" triplets,
 * app/javascript/dashboard/assets/scss/_next-colors.scss). Overriding them here
 * restyles the whole app without rebuilding Chatwoot's frontend. Loaded after
 * Chatwoot's own CSS by branding/Dockerfile.
 *
 * GoldCare design system (tokens/colors.css): near-monochrome warm neutrals, ink
 * (#0C0C0D) for strong actions, gold only as a sparing accent, gold-ink (#8A6420)
 * for gold text on light, Inter everywhere.
 *
 * Chatwoot's "blue" scale is its accent. Mapping:
 *   1–8  gold tints (selected rows, soft backgrounds, borders, focus)
 *   9–10 ink (solid buttons, active states) — the design system's primary action
 *   11–12 gold ink (links and accent text, AA on light)
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Chatwoot's compiled brand colour (bg-n-brand, text-n-brand, focus rings…), rewritten
   * to this variable by branding/Dockerfile. Ink, as for the design system's primary actions. */
  --gc-brand: 12 12 13;

  --blue-1: 253 251 247;
  --blue-2: 251 247 239;
  --blue-3: 247 240 226;
  --blue-4: 242 231 210;
  --blue-5: 236 221 193;
  --blue-6: 232 214 178;  /* gold-soft */
  --blue-7: 222 196 150;
  --blue-8: 207 166 106;  /* gold-primary */
  --blue-9: 12 12 13;     /* ink */
  --blue-10: 27 27 29;    /* ink hover */
  --blue-11: 138 100 32;  /* gold-ink */
  --blue-12: 110 82 46;   /* gold-ink-2 */

  /* Warm neutrals (brand-50 … brand-900) */
  --slate-1: 252 252 253;
  --slate-2: 246 246 249;
  --slate-3: 242 242 247;
  --slate-4: 234 234 235;
  --slate-5: 230 230 232;
  --slate-6: 214 214 215;
  --slate-7: 200 199 205;
  --slate-8: 168 167 175;
  --slate-9: 140 139 148;
  --slate-10: 99 98 106;
  --slate-11: 72 71 77;
  --slate-12: 12 12 13;

  --background-color: 252 252 253;
  --surface-1: 252 252 253;
  --surface-2: 255 255 255;
  --text-blue: 63 46 20;
  --solid-blue: 242 231 210;
  --solid-blue-2: 253 251 247;
  --border-blue-strong: 110 82 46;
  --border-blue: 207, 166, 106, 0.5;
  --border-container: 230 230 232;
  --border-weak: 234 234 235;
}

.dark {
  --gc-brand: 168 123 71; /* gold-deep: visible on dark, white button text stays legible */

  --blue-1: 21 19 15;
  --blue-2: 27 24 19;
  --blue-3: 40 33 22;
  --blue-4: 51 41 25;
  --blue-5: 62 50 30;
  --blue-6: 76 61 36;
  --blue-7: 96 76 44;
  --blue-8: 128 99 56;
  --blue-9: 138 100 32;   /* gold-ink: solid buttons keep white text readable */
  --blue-10: 168 123 71;
  --blue-11: 232 214 178; /* gold-soft: links on dark */
  --blue-12: 245 233 211;

  --text-blue: 245 233 211;
  --solid-blue: 51 41 25;
  --solid-blue-2: 27 24 19;
  --border-blue-strong: 232 214 178;
  --border-blue: 207, 166, 106, 0.5;
}

html,
body,
.font-sans,
.font-inter,
.font-interDisplay {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Help Center: no "made with …" footer. */
#portal main > footer:last-child {
  display: none;
}