/* * public_variables.css
 * Global variables for public-facing pages
 */

:root {
    /* Colors - Brand */
    --brand-primary: #013C5B;
    --brand-secondary: #4ab4d3;
    --brand-accent: #57C9E8;
    --brand-blue: hsla(205,50%,48%,1.00);
    
    /* Colors - Grayscale */
    --gray-100: #f2f3f4;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #b0b8bc;
    --gray-600: #8da7b5;
    --gray-700: #7D868C;
    --gray-800: #343a40;
    --gray-900: #212529;
    
    /* Colors - Feedback & Highlights */
    --success: #008b39;
    --warning: #e6ec65;
    --danger: #cc3300;
    --info: #57C9E8;
    --highlight-yellow: #e6ec65;
    
    /* COMPACT SPACING - The "Workable" Secret */
    --spacing-xs: 2px;   /* Tightest padding for tables/cells */
    --spacing-sm: 4px;   /* Standard small gap */
    --spacing-md: 8px;   /* Standard padding */
    --spacing-lg: 12px;
    
    /* Typography */
    --font-family-base: Arial, Helvetica, sans-serif;
    --font-size-base: 14px; /* Slightly smaller for density */
    --font-size-sm: 12px;
    --line-height-compact: 1.1;
}