/* ==========================================================
   Savanta Theme
   ==========================================================
   Brand: pink #f4adb3, black, white.
   Pink sidebar, black accents, clean white workspace.
   ========================================================== */

:root {
  /* Brand */
  --color-primary:            #000000;
  --color-primary-foreground: #ffffff;

  /* Page */
  --color-background: #ffffff;
  --color-foreground: #000000;
  --color-chat-bg:    #ffffff;

  /* Sidebar */
  --color-sidebar-bg:          #fdf2f3;
  --color-sidebar-active-bg:   rgba(0, 0, 0, 0.08);
  --color-sidebar-hover-bg:    rgba(0, 0, 0, 0.05);
  --color-sidebar-text:        #4a2028;
  --color-sidebar-text-active: #000000;
  --color-sidebar-header:      #000000;

  /* Chat bubbles */
  --color-user-bubble:            #fdf2f3;
  --color-user-bubble-foreground: #000000;


  /* Borders */
  --color-border:       #e5e5e5;
  --color-border-input: #d4d4d4;

  /* Input */
  --color-input-bg:   #ffffff;
  --color-input-ring: #f4adb3;

  /* Text */
  --color-text-primary:   #000000;
  --color-text-secondary: #525252;
  --color-text-muted:     #a3a3a3;
  --color-text-icon:      #a3a3a3;

  /* Buttons */
  --color-btn-default-bg:    #000000;
  --color-btn-default-text:  #ffffff;
  --color-btn-default-hover: #262626;

  --color-btn-outline-bg:     transparent;
  --color-btn-outline-text:   #3d1219;
  --color-btn-outline-border: transparent;
  --color-btn-outline-hover:  rgba(0, 0, 0, 0.06);

  --color-btn-ghost-text:  #404040;
  --color-btn-ghost-hover: #f5f5f5;

  /* Code blocks */
  --color-code-bg: #f5f0f1;
  --color-code-fg: #1a1a1a;

  /* Accent / Destructive */
  --color-accent:      #fdf2f3;
  --color-destructive: #e2585c;

  /* Skeleton */
  --color-skeleton-from: #f4e0e2;
  --color-skeleton-to:   #fdf2f3;

  /* Tool call indicators */
  --color-tool-bg:        #f5f0f1;
  --color-tool-text:      #525252;
  --color-tool-active-bg: #f4e0e2;

  /* Misc */
  --color-loading-dot: #a3a3a3;
  --color-empty-text:  #a3a3a3;
  --color-placeholder: #a3a3a3;

  /* Chart palette. Primary is used for single-series charts; secondaries
     are rotated through for multi-series. */
  --color-chart-primary:          #f4adb3;
  --color-chart-secondary-blue:   #5daed4;
  --color-chart-secondary-green:  #5ea19b;
  --color-chart-secondary-purple: #7f6ba8;
  --color-chart-secondary-red:    #e2585c;
  --color-chart-secondary-yellow: #f6aa57;
  --color-chart-secondary-teal:   #045066;
}