/* MHA Theme Colors */
/* WCAG AA Compliant Color System (4.5:1+ contrast ratio) */
/* This file contains ONLY color definitions - no component styling */

:root {
    /* Brand Colors */
    --primary-blue: #0078d4;
    --focus-blue: #0072cc;
    --white: #ffffff;
    --black: #000000;
    
    /* WCAG AA Compliant Text Colors (4.5:1+ contrast on white) */
    --text-primary: #323130;        /* 12.6:1 contrast - primary text */
    --text-secondary: #605e5c;      /* 7.4:1 contrast - secondary text */
    --text-tertiary: #737373;       /* 4.54:1 contrast - tertiary/muted text */
    --text-content-block: #626266;  /* 6.4:1 contrast - content blocks */
    
    /* Link Colors - WCAG AA Compliant */
    --link-default: #005a9e;        /* 4.53:1 contrast - default links */
    --link-active: #0071f2;         /* 4.51:1 contrast - active/selected links */
    --link-visited: #004578;        /* 5.74:1 contrast - visited links */
    --link-hover: var(--primary-blue); /* Existing brand color for hover */
    
    /* Background Colors */
    --background-gray: #f5f5f5;
    --background-light-gray: #eaeaea;
    --background-lighter-gray: #f3f2f1;
    --command-bar-gray: #f4f4f4;
    
    /* Border Colors */
    --border-gray: #ccc;
    --border-light-gray: #e1e1e1;
    
    /* Dialog Colors - WCAG AA Compliant */
    --dialog-header-bg: #006FCC;    /* 4.51:1 contrast for white text */
    --dialog-text-on-primary: var(--white);
    
    /* Framework7 Overrides - WCAG AA Compliant */
    --text-dark-grey: var(--text-primary);     /* was #444 - now 12.6:1 */
    --text-medium-grey: var(--text-secondary); /* was #555555 - now 7.4:1 */
    --text-gray: var(--border-light-gray);     /* Keep as border color, not text */
    
    /* Interactive States */
    --hover-blue: color-mix(in srgb, var(--primary-blue) 10%, transparent);
    --active-blue: color-mix(in srgb, var(--primary-blue) 20%, transparent);
    
    /* Progress Bar Colors */
    --progress-track-bg: #f3f2f1;        /* Light gray background */

    /* Status Colors */
    --success-green: #107c10;
    --success-green-bg: rgba(240, 248, 240, 0.9);
}
/* Base
***************************************************************/
html { overflow: hidden; }
body { margin: 0; padding: 1em; font-size: 62.5%; line-height: 1.4em; }

/* Typography
***************************************************************/
body { font-size:.75em; font-family: "Segoe WP ", "Segoe UI", "Arial", sans-serif; color: var(--text-secondary); }
h1, h2, h3{ font-family:"Segoe WP Light", "Segoe UI", "Arial", Sans-Serif; font-weight: normal; }
h4, h5, h6, th { font-family:"Segoe WP Semibold", "Segoe UI", "Arial", Sans-Serif; font-weight: normal; }
h1 { font-size: 1.8em; line-height:.95em; }
h2 { font-size: 1.4em; line-height: 1.1em; }
h3 { font-size: 1.1em; }
h4, h5, h6 { font-size: 1em; }
form { font-family: "Segoe WP", "Segoe UI", "Arial", sans-serif; color: var(--text-secondary); }
legend { font-family: "Segoe WP Semibold", "Segoe UI", "Arial", sans-serif; color: var(--text-secondary); }
input, select, textarea, button { font-family: "Segoe WP Semibold", "Segoe UI", "Arial", sans-serif; color: var(--text-primary); }
blockquote { font-style: italic; margin-left: 1em; }

/* Links
***************************************************************/
a { color: var(--link-default); text-decoration: underline; }
a:visited { color: var(--link-visited); }
a:hover { color: var(--link-hover); text-decoration: none; }
a:focus {
    outline: #0072cc solid 2px;
    outline-offset: 2px;
}
a:hover, a:active { outline: 0; }
h1 a { text-decoration: none; }

/* Grouping
***************************************************************/
div { padding-bottom: 1em; }
ul { margin-left: 1em; padding: 0; }
p { padding: 0; }
hr { border: none; height: 1px; color: var(--border-light-gray); background-color: var(--border-light-gray); }

/* Embedded
***************************************************************/
img { border: none; display: block; }

/* Forms
***************************************************************/
legend { margin-left:-.2em; }
fieldset { margin: 0 0 1.4em 0; padding: 0; border: none; }
input[type="text"], input[type="password"] { display: block; width: 85%; }
textarea { width: 85%; }
input[type="submit"], input[type="button"] { height: 24px; padding-left: 1em; padding-right: 1em; background-color: white; border: 1px solid grey; border-color: #dedfe0 #b9b9b9 #b9b9b9 #dedfe0; cursor: pointer; }

/* Tables
***************************************************************/
th, td { text-align: left; vertical-align: top; padding: .4em 1.2em 1em 0; line-height: 1.3em; }

/* Tiles
***************************************************************/
div.tiles div { width: 150px; height: 110px; float: left; margin: 0 1em 1em 0; overflow: hidden; }
div.tiles div p { padding:.5em; margin: 0; }

/* Privacy Policy Page Specific Styles */

/* Make privacy policy page always scrollable */
body.privacy-policy {
    overflow-y: auto;
    max-height: 100vh;
}

.close-button {
    position: fixed;
    top: 8px;
    right: 10px;
    background-color: #0078d4;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 4px 8px;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    z-index: 1000;
    min-width: auto;
    height: auto;
}

.close-button:hover {
    background-color: #106ebe;
}

.close-button:focus {
    outline: 2px solid #0072cc;
    outline-offset: 2px;
}

.close-button:active {
    background-color: #005a9e;
}

/*# sourceMappingURL=privacy.css.map*/