/* CSS Custom Properties (Variables) */

/* Import Montserrat font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

:root {
    /* Brand colors (Google Doc style) */
    --brand-primary: #0a5475;     /* Dark Teal - Primary brand */
    --text-primary: #434343;      /* Dark Gray - Body text */
    --text-secondary: #666666;    /* Medium Gray - Secondary text */
    --text-strong: #000000;       /* Black - Strong emphasis */
    --link-color: #1155cc;        /* Google Doc blue */
    --border-color: #000000;      /* Black borders for tables */
    --background-light: #f5f5f5;  /* Light gray background */

    /* Score colors - Updated to match Google Doc specification */
    --score-0-bg: #b6d7a8;        /* Light Green - Ideal/Good */
    --score-0-border: #6aa84f;
    --score-0-text: #434343;

    --score-1-bg: #ffe599;        /* Light Yellow - Acceptable/Warning */
    --score-1-border: #f1c232;
    --score-1-text: #434343;

    --score-2-bg: #f9cb9c;        /* Light Orange - Moderate */
    --score-2-border: #e69138;
    --score-2-text: #434343;

    /* Light Red - Poor/Unacceptable */
    --score-3-bg: #ea9999;
    --score-3-border: #cc0000;
    --score-3-text: #434343;

    /* Typography */
    --font-family: 'Montserrat', Arial, sans-serif;
    --body-font-size: 1rem;
    --body-line-height: 1.5;

    /* Sidebar dimensions */
    --sidebar-width: 280px;
    --sidebar-collapsed-width: 0px;

    /* Content area */
    --content-max-width: 900px;

    /* Spacing */
    --content-padding: 2rem;
}

/* Bootstrap color overrides for scores */
.bg-score-0 { background-color: var(--score-0-bg) !important; color: var(--score-0-text) !important; }
.bg-score-1 { background-color: var(--score-1-bg) !important; color: var(--score-1-text) !important; }
.bg-score-2 { background-color: var(--score-2-bg) !important; color: var(--score-2-text) !important; }
.bg-score-3 { background-color: var(--score-3-bg) !important; color: var(--score-3-text) !important; }

.border-score-0 { border-color: var(--score-0-border) !important; }
.border-score-1 { border-color: var(--score-1-border) !important; }
.border-score-2 { border-color: var(--score-2-border) !important; }
.border-score-3 { border-color: var(--score-3-border) !important; }

.text-score-0 { color: var(--score-0-text) !important; }
.text-score-1 { color: var(--score-1-text) !important; }
.text-score-2 { color: var(--score-2-text) !important; }
.text-score-3 { color: var(--score-3-text) !important; }

/* Badge variants for scores */
.badge.bg-score-0 { background-color: var(--score-0-border) !important; color: white !important; }
.badge.bg-score-1 { background-color: var(--score-1-border) !important; color: #212529 !important; }
.badge.bg-score-2 { background-color: var(--score-2-border) !important; color: white !important; }
.badge.bg-score-3 { background-color: var(--score-3-border) !important; color: white !important; }

/* Orange color class for Bootstrap (not included by default) */
.bg-orange { background-color: var(--score-2-border) !important; }
.text-orange { color: var(--score-2-border) !important; }
.border-orange { border-color: var(--score-2-border) !important; }