/* DEBUG FILE PATH: /home/charlesf2/domains/charlesf2.com/public_html/secure_admin/assets/css/theme/variables.css */
/* --- variables.css --- */
:root {
    --accent: #2481c7;
    --accent_color: #2481c7;
    --accent_hover: #005fcc;
    --admin-header-height: 64;
    --admin-sidebar-width: 128;
    --bg_0: #212933;
    --blog_article_background: #2b2b2b;
    --blog_article_radius: 8;
    --blog_article_text_color: #e6e6e6;
    --blog_h1_font_size: 2;
    --blog_h2_font_size: 2;
    --blog_media_margin_bottom: 15;
    --blog_media_radius: 6;
    --blog_video_height: 124;
    --body_padding: 2;
    --border_color: #ffffff;
    --border_width: 1;
    --brand_spacing: 1;
    --button_hover_color: #025492;
    --button_primary_color: #025492;
    --button_text_color: #dddddd;
    --card_background: #1e1e1e;
    --contact_form_group_spacing: 20;
    --contact_form_padding: 32px 0;
    --contact_form_radius: 8;
    --contact_intro_font_size: 1;
    --container_padding: 24;
    --dropdown_background: #1e1e1e;
    --dropdown_duration: 0.22s;
    --dropdown_ease: cubic-bezier(0.33, 1, 0.68, 1);
    --dropdown_link_padding_x: 1;
    --dropdown_link_padding_y: 1;
    --dropdown_padding_x: 0;
    --dropdown_padding_y: 1;
    --dropzone-border-color: #ffffff;
    --dropzone-hover-background: #2481c7;
    --featured_body_padding: 14;
    --featured_card_radius: 10;
    --featured_grid_gap: 24;
    --featured_thumb_background: #111111;
    --featured_thumb_height: 128;
    --featured_title_font_size: 1;
    --font_family: Inter, sans-serif;
    --font_family_base: Inter, sans-serif;
    --font_family_masthead: Cinzel, serif;
    --font_size_base: 32;
    --font_weight: 128;
    --footer_link_color: #e59494;
    --footer_link_margin_x: 10;
    --footer_margin_top: 40;
    --footer_padding: 20px 0;
    --footer_text_color: #e6e6e6;
    --form_error_color: #c62828;
    --form_input_text_color: #e6e6e6;
    --form_success_color: #2a8f2a;
    --gap_base: 1;
    --hero_background: #111111;
    --hero_height: 128;
    --hero_margin_bottom: 40;
    --hero_radius: 12;
    --hero_title_font_size: 2;
    --hover_color: #005a9e;
    --lightbox_background: #000000;
    --lightbox_button_font_size: 3;
    --lightbox_button_opacity: 1;
    --lightbox_button_padding: 0.5rem 1rem;
    --line_height: 2;
    --link_color: #4ea3ff;
    --logo_height: 128;
    --logo_height_mobile: 68;
    --logo_height_tablet: 85;
    --logo_width: 100;
    --logo_width_mobile: 55;
    --logo_width_tablet: 70;
    --margin_base: 1;
    --marketplace_button_gap: 1;
    --marketplace_button_radius: 6;
    --marketplace_section_margin: 2rem 0;
    --masthead_font_size: clamp(1.6rem, 3vw, 2.5rem);
    --mobile_header_gap: 12;
    --mobile_header_gap_small: 6;
    --mobile_header_padding: 12px 0;
    --mobile_logo_margin_bottom: 4;
    --mobile_logo_offset_left: -1rem;
    --mobile_logo_scale: 1;
    --mobile_logo_scale_small: 1;
    --mobile_title_font_size: 1;
    --mobile_title_font_size_small: 1;
    --mobile_title_line_height: 1;
    --mobile_title_line_height_small: 1;
    --mobile_title_margin_small: 10;
    --padding_base: 1;
    --page_background: #4d4d4d;
    --page_title_font_size: 2;
    --primary_color: #007acc;
    --primary_color_hover: #005fa3;
    --project_caption_padding: 16;
    --project_card_hover_translate_y: -4px;
    --project_card_max_width: 128;
    --project_card_title_font_size: 1;
    --project_card_title_padding: 16;
    --project_page_max_width: 128;
    --project_page_padding: 24;
    --project_summary_color: #cccccc;
    --project_summary_font_size: 1;
    --project_title_font_size: 2.2rem;
    --radius_base: 6;
    --radius_lg: 10;
    --radius_md: 6;
    --read_more_color: #00bcd4;
    --read_more_hover_color: #80deea;
    --shadow_color: #000000;
    --shadow_depth: 0;
    --shadow_lg: #000000;
    --shadow_md: #000000;
    --shadow_xl: #000000;
    --space_lg: 24;
    --space_md: 16;
    --space_sm: 8;
    --space_xl: 40;
    --space_xs: 4;
    --surface: #515151;
    --surface_2: #2d3741;
    --surface_light: #2d3741;
    --text_1: #e6e6e6;
    --text_2: #e6e6e6;
    --text_color: #e6e6e6;
    --toast-error-color: #e80202;
    --toast-info-color: #2481c7;
    --toast-success-color: #00bd3c;
    --bg_0: #4d4d4d;
    --page_background_resolved: #4d4d4d;
    --panel_background: #515151;
    --panel_background_alt: #2d3741;
    --accent: #2481c7;
    --accent_bar: linear-gradient(to right, #4d4d4d, #2481c7);
    --link_color: #4ea3ff;
    --hover_color: #005a9e;
    --text_color: #e6e6e6;
    --form_input_text: #e6e6e6;
    --card_background_resolved: #1e1e1e;
    --dropdown_background_resolved: #1e1e1e;
    --button_primary: #025492;
    --button_hover: #025492;
    --button_text: #dddddd;
    --shadow_color_resolved: #000000;
    --font_size_base: 32;
    /* Generated: 2026-09-08 16:15:11 */
}


/* DEBUG FILE PATH: /home/charlesf2/domains/charlesf2.com/public_html/secure_admin/assets/css/base/typography.css */
/* --- typography.css --- */
/* ============================================================
   TYPOGRAPHY — Font hierarchy and text styles
   ============================================================ */
/* TYPO TEST */

:root {
    --font_family: Inter, sans-serif;
    --font_heading: var(--font_family);
}

/* 
	html, body {
    background: var(--page_background);
    color: var(--text_color);
}
*/
body {
    font-family: var(--font_family);
    font-size: var(--font_size_base);
    color: var(--text_color);
    background: var(--page_background);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font_heading);
    font-weight: 600;
    color: var(--text_color);
    margin: 0 0 var(--space-sm);
}

h1 { font-size: 2rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.1rem; }
h6 { font-size: 1rem; }

p {
    margin: 0 0 var(--space-md);
    color: var(--text_secondary);
}

a:hover {
    color: var(--accent);
}

small {
    font-size: 0.85rem;
    opacity: 0.8;
}


/* DEBUG FILE PATH: /home/charlesf2/domains/charlesf2.com/public_html/secure_admin/assets/css/global.css */
/* --- global.css --- */
/* GLOBAL FORM INPUTS */
input,
textarea,
select {
    color: var(--form-input-text);
    background-color: var(--surface);
    border: 1px solid var(--border-color);
    padding: var(--padding-base);
    border-radius: var(--radius-base);
}

/* GLOBAL LAYOUT FOR THEME EDITOR */
.theme-editor-layout {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

@media (min-width: 900px) {
    .theme-editor-layout {
        flex-direction: row;
        align-items: flex-start;
    }

    .theme-editor-controls {
        flex: 1;
        max-width: 500px;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .theme-editor-preview {
        flex: 2;
        min-height: 90vh;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}

/* PANEL GROUPING */
.theme-panel {
    background: var(--surface2);
    border-radius: var(--radius-base);
    border: 1px solid var(--border-color);
    margin-bottom: var(--gap-base);
    overflow: hidden;
}

/* Menu Headers — now independent from buttons */
.theme-panel summary {
    cursor: pointer;
    padding: var(--padding-base);
    font-weight: 600;
    color: var(--menu-header-color); /* FIXED */
    background: var(--surface);
    border-bottom: 1px solid var(--border-color);
    transition: background 0.2s ease, color 0.2s ease;
}

.theme-panel summary:hover {
    background: var(--surface2);
    color: var(--menu-header-hover); /* FIXED */
}

.panel-body {
    padding: var(--padding-base);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.theme-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.theme-row label {
    flex: 1;
}

.theme-row input {
    flex: 2;
}

/* Preview frame */
.theme-preview-frame {
    width: 100%;
    height: 85vh;
    border: none;
    border-radius: var(--radius-base);
    box-shadow: 0 0 var(--shadow-depth) var(--shadow-color);
}

/* Controls container */
.theme-controls {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between; /* left + right sections */
    align-items: center;
    gap: 1rem;
}

/* Left group: Save All, Preview, Reset All */
.control-left {
    display: flex;
    gap: 1rem;
}

/* Right group: Save As Default */
.control-right {
    display: flex;
}

/* Button styling — now independent from accent */
.theme-controls button {
    padding: 0.5rem 1rem;
    border-radius: var(--radius-base);
    border: none;
    cursor: pointer;
    background: var(--button-primary);     /* FIXED */
    color: var(--button-text-color);       /* FIXED */
    transition: background 0.2s ease;
}

.theme-controls button:hover {
    background: var(--button-hover);       /* FIXED */
}


/* DEBUG FILE PATH: /home/charlesf2/domains/charlesf2.com/public_html/secure_admin/assets/css/public.css */
/* --- public.css --- */
/* ============================================================
   PUBLIC OVERRIDES — Legacy class names preserved
   ============================================================ */

/* Header */
.header {
    color: var(--text-1);
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Footer */
.footer {
    color: var(--footer-text-color);
    padding: var(--space-md) var(--space-lg);
    text-align: center;
    font-size: 0.9rem;
    margin-top: var(--footer-margin-top);
}

/* Main content */
.main,
.content,
.content-wrapper {
    padding: var(--space-lg);
}

/* Cards */
.card,
.public-card {
    background: var(--surface-light);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    margin-bottom: var(--space-md);
}

/* Blog */
.blog-article {
    background: var(--blog-article-background);
    color: var(--blog-article-text-color);
    border-radius: var(--blog-article-radius);
    padding: var(--body-padding);
}

.blog-article h1 {
    font-size: var(--blog-h1-font-size);
}

.blog-article h2 {
    font-size: var(--blog-h2-font-size);
}

.blog-media {
    margin-bottom: var(--blog-media-margin-bottom);
    border-radius: var(--blog-media-radius);
}

/* Hero */
.hero {
    height: var(--hero-height);
    border-radius: var(--hero-radius);
    margin-bottom: var(--hero-margin-bottom);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-1);
    font-size: var(--hero-title-font-size);
}

/* Projects */
.project-card {
    max-width: var(--project-card-max-width);
    border-radius: var(--featured-card-radius);
    box-shadow: var(--shadow-md);
    transition: transform 0.2s ease;
}

.project-card:hover {
    transform: translateY(var(--project-card-hover-translate-y));
}

.project-card-title {
    font-size: var(--project-card-title-font-size);
    padding: var(--project-card-title-padding);
}


/* DEBUG FILE PATH: /home/charlesf2/domains/charlesf2.com/public_html/secure_admin/assets/css/admin.css */
/* --- admin.css --- */
/* ============================================================
   ADMIN OVERRIDES — Legacy class names preserved
   ============================================================ */

/* Header */
.header {
    height: var(--admin-header-height);
    background: var(--bg-0);
    color: var(--text-1);
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Sidebar */
.sidebar {
    width: var(--admin-sidebar-width);
    background: var(--bg-1);
    color: var(--text-1);
    padding: var(--space-md);
    border-right: 1px solid var(--border-color);
    overflow-y: auto;
}

/* Main content wrapper */
.content-wrapper,
.main,
.content {
    margin-left: var(--admin-sidebar-width);
    padding: var(--space-lg);
    min-height: calc(100vh - var(--admin-header-height));
}

/* Toolbar */
.toolbar {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
}

/* Tables */
.table th {
    background: var(--bg-1);
    color: var(--text-1);
    padding: var(--space-sm) var(--space-md);
}

.table td {
    color: var(--text-2);
    padding: var(--space-sm) var(--space-md);
}

/* Dropzone */
.dropzone {
    border: 2px dashed var(--dropzone-border-color);
    padding: var(--space-lg);
    border-radius: var(--radius-md);
    text-align: center;
}

.dropzone.dragover {
    background: var(--dropzone-hover-background);
}

/* Toasts */
.toast {
    padding: var(--space-md);
    border-radius: var(--radius-md);
    color: var(--text-1);
    margin-bottom: var(--space-md);
}

.toast.success {
    background: var(--toast-success-color);
}

.toast.error {
    background: var(--toast-error-color);
}

.toast.info {
    background: var(--toast-info-color);
}