interstellar_ai/app/styles/variables.css

:root {
    /* Colors */
    --header-background-color: #7e7e7e; /* New header background color */
    --header-text-color: #ffffff; /* Header text color */
    --background-color: #8B9635; /* Main background color */
    --text-color: #474D22; /* Main text color */
    --input-background-color: #ffffff; /* Background color for input fields */
    --input-button-color: #8B9635; /* Button color */
    --input-button-hover-color: #6b7c2b; /* Hover color for input buttons */
    --user-message-background-color: #8B9635; /* Background color for user messages */
    --user-message-text-color: #000; /* Text color for user messages */
    --ai-message-background-color: #FCFCEB; /* Background color for AI messages */
    --ai-message-text-color: #000; /* Text color for AI messages */
    --button-background-color: #8B9635; /* Button background color */
    --button-hover-background-color: #6b7c2b; /* Button hover color */
    --models-background-color: #ffffff; /* Background for models section */
    --history-background-color: #f9f9f9; /* Background color for history */
    --left-panel-background-color: #79832e; /* Background color for left panel */
    --conversation-background-color: #79832e; /* Background color for conversation container */
    --doc-background-color: #ffffff; /* Background color for documents */
    --close-button-color: red;  
    
    /* FAQ Colors */
    --faq-background-color: #474D22; /* Background color for FAQ section */
    --faq-heading-color: #8B9635; /* Heading color for FAQ section */
    --faq-item-background-color: #fefefe; /* Background color for FAQ items */
    --faq-item-heading-color: #474D22; /* Heading color for FAQ items */
    --faq-item-text-color: #333; /* Text color for FAQ items */
    --faq-item-hover-background-color: #e0e0e0; /* Hover background color for FAQ items */

    --pop-up-text: #000; /* Text color for pop-ups */
    --input-border-color: #8B9635; /* Input border color */
    --font-family: 'Poppins', 'sans-serif';/* Default font family */
    --font-size: 16px;
}