/* ============================================================
   Brand Variables - Shared across Admin and Widget modes
   Official Church Brand Colors and Common Properties
   Source: Global Visual Style Guide v2.0 (approved First Presidency April 2016)
   Fonts: McKay Pro (serif) + Zoram (sans-serif) — licensed from Church VIO
           Arial used as system fallback for internal tools
   ============================================================ */

:root {
    /* ---- Official Church Blue Scale (style guide section 4.3.21) ---- */
    --church-blue-15: #49CCE6;   /* Blue 15 */
    --church-blue-20: #01B6D1;   /* Blue 20 */
    --church-blue-25: #007DA5;   /* Blue 25 */
    --church-blue-30: #006184;   /* Blue 30 — primary brand color */
    --church-blue-35: #005175;   /* Blue 35 — dark hover/secondary */
    --church-blue-40: #003057;   /* Blue 40 — deepest blue */

    /* ---- Semantic aliases (use these in components) ---- */
    --church-primary:       var(--church-blue-30);   /* #006184 */
    --church-primary-hover: var(--church-blue-35);   /* #005175 — corrected from #004d69 */
    --church-secondary:     var(--church-blue-25);   /* #007DA5 */
    --church-dark:          var(--church-blue-40);   /* #003057 */

    /* ---- Backgrounds & Neutrals ---- */
    --church-background: #F5F7FA;
    --white:             #FFFFFF;
    --light-gray:        #F5F5F5;
    --input-bg:          #f8f9fa;
    --secondary-gray:    #6c757d;

    /* ---- Text ---- */
    --text-dark:  #333333;
    --text-light: #666666;

    /* ---- Borders ---- */
    --border-color:       #DDDDDD;
    --border-color-light: #b0cad4;   /* used in map nav region buttons */
    --border-radius:      4px;

    /* ---- Status Colors ---- */
    --success-green:    #28A745;
    --success-bg:       #d4edda;
    --success-text:     #155724;
    --warning-yellow-bg:#FFF3CD;
    --warning-text:     #856404;
    --danger-red:       #dc3545;
    --info-blue-bg:     #CCE5FF;

    /* ---- Typography ---- */
    --font-body:  Arial, sans-serif;   /* fallback — Church fonts: McKay Pro, Zoram */
    --font-mono:  'Consolas', 'Courier New', monospace;
    --line-height: 1.5;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-body);
    line-height: var(--line-height);
    background: var(--church-background);
    min-height: 100vh;
    padding: 0;
    margin: 0;
}