/* ============================================================
   Maker Dad Community — ForumSpark theme overrides
   Brand: Shop Orange / Blueprint Blue / Sawdust & Charcoal
   Paste into Theme Studio's custom CSS (or replace the matching
   values in its color pickers).
   ============================================================ */

@import url('https://fonts.bunny.net/css?family=roboto:400,500,700&display=swap');

/* ---------- LIGHT MODE ---------- */
:root {
    /* Base */
    --fs-body-bg: #F1EAD9;              /* Sawdust */
    --fs-body-color: #2A2420;           /* Ink */
    --fs-link-color: #A85608;           /* Shop Orange (dark) — readable on light */
    --fs-link-hover-color: #DD700B;     /* Shop Orange */
    --fs-text-muted: #6B6560;           /* Steel Gray */

    /* Header / top bar */
    --fs-header-from: #1C1815;          /* Workshop Charcoal */
    --fs-header-to: #1C1815;
    --fs-user-menu-bg: #1C1815;
    --fs-user-menu-color: #F1EAD9;

    /* Sub-nav + breadcrumbs */
    --fs-nav-bg: #FAF6EE;               /* Paper */
    --fs-nav-color: #2A2420;
    --fs-nav-active-bg: #F1EAD9;
    --fs-nav-active-color: #A85608;
    --fs-breadcrumb-bg: #FAF6EE;
    --fs-breadcrumb-color: #6B6560;

    /* Panels */
    --fs-panel-bg: #FAF6EE;
    --fs-panel-border: #E3D9C4;
    --fs-panel-title-from: #F5EEDF;
    --fs-panel-title-to: #F5EEDF;
    --fs-panel-title-color: #2A2420;
    --fs-panel-title-border: #E3D9C4;
    --fs-panel-section-bg: #F5EEDF;
    --fs-panel-footer-accent: #DD700B;  /* orange accent stripe/dots/icons */

    /* Secondary (sidebar) panels — Blueprint Blue headers */
    --fs-panel-secondary-from: #2C5F74;
    --fs-panel-secondary-to: #1D4351;
    --fs-panel-secondary-border: #1D4351;
    --fs-panel-secondary-footer-accent: #DD700B;

    /* Forum list */
    --fs-forum-bg: #FAF6EE;
    --fs-forum-marker-bg: #F5EEDF;
    --fs-forum-last-bg: #F5EEDF;
    --fs-forum-link-color: #2A2420;
    --fs-forum-divider: #E8DFCC;

    /* Topics / replies */
    --fs-topic-bg: #F5EEDF;
    --fs-reply-bg: #FAF6EE;
    --fs-reply-details-bg: #F5EEDF;
    --fs-reply-user-border: #E3D9C4;
    --fs-reply-actions-bg: #F5EEDF;
    --fs-reply-divider: #E8DFCC;
    --fs-separator-from: #E3D9C4;
    --fs-separator-to: #F1EAD9;
    --fs-mini-profile-bg: #F5EEDF;
    --fs-mini-profile-border: #E3D9C4;
    --fs-panel-footer-from: #F5EEDF;
    --fs-panel-footer-to: #F5EEDF;
    --fs-sub-header-color: #6B6560;

    /* Buttons */
    --fs-btn-primary-from: #DD700B;     /* Shop Orange CTA */
    --fs-btn-primary-to: #C8650A;
    --fs-btn-primary-border: #A85608;
    --fs-btn-primary-color: #1C1815;    /* dark text passes contrast on orange */
    --fs-btn-blue-from: #2C5F74;        /* Blueprint Blue */
    --fs-btn-blue-to: #2C5F74;
    --fs-btn-blue-border: #1D4351;
    --fs-btn-secondary-from: #FAF6EE;
    --fs-btn-secondary-to: #F5EEDF;
    --fs-btn-secondary-border: #E3D9C4;
    --fs-btn-secondary-color: #2A2420;
    --fs-btn-danger-from: #B23A2E;      /* Safety Red */
    --fs-btn-danger-to: #B23A2E;
    --fs-btn-danger-border: #8E2E24;
    --fs-btn-danger-color: #FFFFFF;
    --fs-btn-success-from: #4C7A5D;     /* Finished Green */
    --fs-btn-success-to: #416A50;
    --fs-btn-success-border: #355842;
    --fs-btn-success-color: #FFFFFF;

    /* Status */
    --fs-notification-dot: #B23A2E;
    --fs-online-active: #4C7A5D;
    --fs-online-away: #EB9142;
    --fs-online-idle: #C9C0B2;
    --fs-bulletin-primary: #2C5F74;
    --fs-bulletin-accent: #DD700B;
    --fs-cta-bg: #DD700B;

    /* Dropdowns */
    --fs-dropdown-bg: #FAF6EE;
    --fs-dropdown-border: #E3D9C4;
    --fs-dropdown-color: #2A2420;
    --fs-dropdown-hover-bg: #F1EAD9;

    /* Type + shape */
    --fs-font-family: 'Roboto', system-ui, sans-serif;
    --fs-box-shadow: 0 5px 22px rgba(42, 36, 32, 0.06), 0 2px 9px -4px rgba(42, 36, 32, 0.14);
    --fs-box-shadow-sm: 0 1px 2px rgba(42, 36, 32, 0.06), 0 1px 1px rgba(42, 36, 32, 0.04);
}

/* ---------- DARK MODE ---------- */
body.dark {
    --fs-body-bg: #1C1815;              /* Workshop Charcoal */
    --fs-body-color: #F1EAD9;           /* Sawdust */
    --fs-link-color: #EB9142;           /* Shop Orange (light) */
    --fs-link-hover-color: #F2AE70;
    --fs-text-muted: #A69C8E;           /* Ash */

    --fs-header-from: #14110F;
    --fs-header-to: #14110F;
    --fs-user-menu-bg: #14110F;
    --fs-user-menu-color: #A69C8E;

    --fs-nav-bg: #262019;               /* Charcoal Card */
    --fs-nav-color: #A69C8E;
    --fs-nav-active-bg: #1C1815;
    --fs-nav-active-color: #EB9142;
    --fs-breadcrumb-bg: #262019;
    --fs-breadcrumb-color: #A69C8E;

    --fs-panel-bg: #262019;
    --fs-panel-border: rgba(166, 156, 142, 0.16);
    --fs-panel-title-from: #2E2720;
    --fs-panel-title-to: #2E2720;
    --fs-panel-title-color: #F1EAD9;
    --fs-panel-title-border: rgba(166, 156, 142, 0.16);
    --fs-panel-section-bg: #2E2720;
    --fs-panel-footer-accent: #DD700B;

    --fs-panel-secondary-from: #1D4351;
    --fs-panel-secondary-to: #16333E;
    --fs-panel-secondary-border: #2C5F74;
    --fs-panel-secondary-footer-accent: #DD700B;

    --fs-forum-bg: #262019;
    --fs-forum-marker-bg: #2E2720;
    --fs-forum-last-bg: #2E2720;
    --fs-forum-link-color: #F1EAD9;
    --fs-forum-divider: rgba(166, 156, 142, 0.12);

    --fs-topic-bg: #2E2720;
    --fs-reply-bg: #262019;
    --fs-reply-details-bg: #2E2720;
    --fs-reply-user-border: rgba(166, 156, 142, 0.16);
    --fs-reply-actions-bg: #2E2720;
    --fs-reply-divider: rgba(166, 156, 142, 0.12);
    --fs-separator-from: rgba(166, 156, 142, 0.18);
    --fs-separator-to: rgba(166, 156, 142, 0.04);
    --fs-mini-profile-bg: #2E2720;
    --fs-mini-profile-border: rgba(166, 156, 142, 0.16);
    --fs-panel-footer-from: #2E2720;
    --fs-panel-footer-to: #2E2720;
    --fs-sub-header-color: #A69C8E;

    --fs-btn-primary-from: #DD700B;
    --fs-btn-primary-to: #C8650A;
    --fs-btn-primary-border: #A85608;
    --fs-btn-primary-color: #1C1815;
    --fs-btn-blue-from: #2C5F74;
    --fs-btn-blue-to: #2C5F74;
    --fs-btn-blue-border: #4A8AA3;
    --fs-btn-secondary-from: #2E2720;
    --fs-btn-secondary-to: #262019;
    --fs-btn-secondary-border: rgba(166, 156, 142, 0.22);
    --fs-btn-secondary-color: #F1EAD9;
    --fs-btn-danger-from: #B23A2E;
    --fs-btn-danger-to: #8E2E24;
    --fs-btn-danger-border: #8E2E24;
    --fs-btn-danger-color: #FFFFFF;
    --fs-btn-success-from: #4C7A5D;
    --fs-btn-success-to: #416A50;
    --fs-btn-success-border: #355842;
    --fs-btn-success-color: #FFFFFF;

    --fs-notification-dot: #D0574A;
    --fs-online-active: #6FA07F;
    --fs-online-away: #EB9142;
    --fs-online-idle: #4A423A;
    --fs-bulletin-primary: #4A8AA3;
    --fs-bulletin-accent: #EB9142;

    --fs-dropdown-bg: #2E2720;
    --fs-dropdown-border: rgba(166, 156, 142, 0.2);
    --fs-dropdown-color: #F1EAD9;
    --fs-dropdown-hover-bg: rgba(166, 156, 142, 0.12);
    --fs-box-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* ---------- SMALL BRAND TOUCHES ---------- */

/* Orange rule under the dark header, like a strip of tape */
.b2-topbar { border-bottom: 3px solid #DD700B; }

/* Category headers get a Blueprint Blue left edge */
.b2-cat__head { border-left: 4px solid #2C5F74; }
body.dark .b2-cat__head { border-left-color: #4A8AA3; }

/* Unread markers in orange instead of the default green */
.b2-forum__dot,
.forum__marker-badge--unread { background: #DD700B; color: #1C1815; }

/* Text selection */
::selection { background: #EB9142; color: #1C1815; }