:root {
    /* Spacing variables */
    --spacing-small: 8px;
    --spacing-medium: 16px;
    --spacing-large: 24px;

    /* Font variables */
    --font-family-main: "Lexend Deca", sans-serif;
    --font-family-clear: "Consolas", consolas, courier, courier new, monospace;
    --font-family-labels: 'Source Sans Pro', 'Helvetica Neue', arial, sans-serif;

    /* Primary colors */
    --primary-dark: #1A3A5F;      /* Deep navy - represents trustworthiness and authority */
    --primary: #2C5282;           /* Rich blue - scholarly and traditional */
    --primary-light: #4299E1;     /* Bright blue - intellectual engagement */
    --primary-lightest: #a1d8ff;

    /* Accent colors */
    --accent: #D69E2E;            /* Gold/amber - represents bravery and distinction */
    --accent-light: #F6E05E;      /* Light gold - adds warmth and interest */

    /* Neutral colors */
    --neutral-dark: #3D3B38;      /* Dark slate - depth and seriousness */
    --neutral: #5F5B56;           /* Medium slate - balance and clarity */
    --neutral-light: #DBD3C9;     /* Light gray - readability and space */

    /* text */
    --standard-text: #121211;
    --standard-secondary-text: #121211;
    --standard-lighter-text: #9f9991;
    --standard-very-light-text: #e8ddc7;
    --standard-title-text: #3D3B38; /* Dark slate - depth and seriousness */
    --standard-h2-text: #374151;
    --standard-link-text: #2c5889;
    --checkbox-checked: #2c5889;

    /* Background colors */
    --debug-overlay-bg: #1A202C;           /* Very dark blue/gray - scholarly foundation */
    --bg-dark: #b8ae9c;
    --bg-medium: #e8ddc7;         /* Darker off-white/paper */
    --bg-light: #F5F2EA;   /* Off-white/paper - readability with character */
    --bg-very-light: #f8f5f5;

    /* Borders */
    --border-medium: #e8ddc7;

    /* Affirmative colors */
    --affirmative-dark: #0b6045;
    --affirmative-neutral: #10B981;  /* Dark green - success and confidence */
    --affirmative-light: #ECFDF5; /* Light green - confidence and confidence */

    /* Critical colors */
    --critical-medium: #A65A49; /* Terracotta - seriousness */
    --critical-dark: #864034;  /* Dark red - seriousness */
    --critical-light: #eb9f8d; /* Light terracotta - seriousness */
    --critical-text: #2d0e0a;

    /* Connection colors */
    --support-color: #10B981;
    --attack-color: #864034;
    --cited-color: #1A3A5F;
}