@font-face {
  font-family: "FT Sterling";
  src: url("../fonts/ft-sterling-vf.woff2") format("woff2");
}

:root {
  --brand-primary: #3D5AF3;    /* Deep Navy */
  --brand-secondary: #06091A;  /* Darkest Navy */
  --brand-accent: #FF8C00;     /* Warm Gold/Orange */
  --brand-background: #F2F4FF; /* Lightest Blue/White */
  --brand-text: #06091A;       /* Darkest Navy for high contrast */

  --bg: #06091A;
  --bg2: #EB76B3;
  --bg3: #010000;
  --bg4: #F0F3FF;
  --c1: #FFFFFF;
  --c2: #3D5AF3;
  --c3: #717171;
  --c4: #404040;

  --l1: #3C3C3C;
  --l2: #7A7A7A;

  --g1a: #7B68EE;
  --g1b: #00BFFF;
  --g2a: #FF69B4;
  --g2b: #FF8C00;
  --g3a: #5CBBFB;
  --g3b: #A5CB47;
  --g4a: #EB76B3;
  --g4b: #8E71D7;
  --g5a: #5CBBFB;
  --g5b: #EE952D;
  --g6a: #62CAD0;
  --g6b: #4857ED;

  /* Typography */
  --font-heading: "FT Sterling", sans-serif; /* 'Playfair Display', serif; */
  --font-body: "FT Sterling", sans-serif; /* 'Inter', system-ui, -apple-system, sans-serif; */

  /* UI Elements */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);

  /* Spacing Tokens (derived from $padding) */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-xxl: 6rem;
  --space-section: 10rem;

  /* Light Theme Colors */
  --bg-main: #f2f4ff;
  --bg-sidebar: #ffffff;
  --bg-chat: #ffffff;
  --bg-input: #f2f4ff;
  --text-main: #06091a;
  --text-muted: #2a304d;
  --border-color: #dbdff3;
  --border-input: #d1d5dc;
  --user-msg-bg: #3d5af3;
  --user-msg-text: #ffffff;
  --ai-msg-bg: #f2f4ff;
  --ai-msg-text: #06091a;

  /* Light Theme Colors */
  --color-bg: var(--bg-main);
  --color-primary: var(--brand-primary);
  --color-secondary: var(--brand-accent);
  --color-border: var(--border-color);
  --color-text: var(--text-main);
  --color-text-muted: var(--text-muted);

  /* Additional brand gradients/colors if needed */
  --gradient-primary: linear-gradient(135deg, #62CAD0, #FF8C00);
}

.dark {
  /* Dark Theme Colors */
  --bg-main: #0b1026;
  --bg-sidebar: #06091a;
  --bg-chat: #06091a;
  --bg-input: #2a304d;
  --text-main: #f2f4ff;
  --text-muted: #dbdff3;
  --border-color: #2a304d;
  --border-input: #d1d5dc;
  --user-msg-bg: #3d5af3;
  --user-msg-text: #ffffff;
  --ai-msg-bg: #2a304d;
  --ai-msg-text: #f2f4ff;
}

body {
  font-family: var(--font-body);
  margin: 0;
  min-height: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

div.hs_cos_wrapper {
  height: 100%;
  box-sizing: border-box;
}