/* ============================================================
   Focus America — admin theme (loaded after /style.css as /brand.css).
   Identity: navy, signal red, paper, Inter / Inter Tight / Montserrat.
   Layout chrome lives in /style.css; this file only recolors and stamps.
   ============================================================ */

/* ---- Self-hosted webfonts ---- */
@font-face { font-family: "Inter"; src: url("/fonts/inter.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter Tight"; src: url("/fonts/inter-tight.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/jetbrains-mono.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/fonts/montserrat.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

/* ---- Token overrides — light (Focus America default) ---- */
[data-brand="focusamerica"][data-theme="light"] {
  --bg-deep: #F4F4F3;
  --bg-surface: #FFFFFF;
  --bg-raised: #F4F4F3;
  --bg-hover: #EEEEED;
  --border: #E3E2DF;
  --text: #141414;
  --text2: #6B6B6B;
  --text3: #9498A8;
  --accent: #1F2761;
  --accent-hover: #151A47;
  --breaking: #C8202C;
  --breaking-bg: rgba(200,32,44,0.08);
  --pinned: #7A62B8;
  --pinned-bg: rgba(122,98,184,0.10);
  --summary: #C9A227;
  --summary-bg: rgba(201,162,39,0.12);
  --live: #1F2761;
  --paused: #6B6B6B;
  --ended: #9498A8;
  --scrollbar: #D8D7D3;
  --shadow-sheet: 0 1px 2px rgba(20,20,20,0.04), 0 14px 40px rgba(20,20,20,0.07);
}
/* ---- Token overrides — dark (navy-tinted FA) ---- */
[data-brand="focusamerica"][data-theme="dark"] {
  --bg-deep: #12152E;
  --bg-surface: #1A1E3D;
  --bg-raised: #232750;
  --bg-hover: #2D3164;
  --border: #2E3566;
  --text: #F1F2F8;
  --text2: #A9AECB;
  --text3: #6E7499;
  --accent: #4B5AC8;
  --accent-hover: #6675E0;
  --breaking: #E5484D;
  --pinned: #8C9AF0;
  --summary: #E0C15A;
  --scrollbar: #2E3566;
  --shadow-sheet: 0 1px 2px rgba(0,0,0,0.2), 0 12px 32px rgba(0,0,0,0.28);
}

/* ---- Shape + type: sheets rounded, chips are pills ---- */
[data-brand="focusamerica"] {
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Inter Tight", "Inter", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius-sheet: 12px;
  --radius-control: 8px;
  --radius-sm: 6px;
  --radius-pill: 999px;
}
[data-brand="focusamerica"] .compose-title,
[data-brand="focusamerica"] .entry-title { font-family: var(--font-sans); letter-spacing: -0.01em; }
[data-brand="focusamerica"] .modal-title,
[data-brand="focusamerica"] .topbar-blog-title { font-family: var(--font-display); letter-spacing: -0.02em; }
[data-brand="focusamerica"] .char-count,
[data-brand="focusamerica"] .entry-time { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }

/* ---- Command bar ---- */
[data-brand="focusamerica"] .topbar { background: var(--bg-surface); }
[data-brand="focusamerica"] .brand-name { display: inline-flex; }
[data-brand="focusamerica"] .fa-wordmark { line-height: 1.05; }
[data-brand="focusamerica"] .fa-wordmark .fa-mark { font-family: "Montserrat", var(--font-display), sans-serif; font-weight: 800; letter-spacing: -0.005em; text-transform: uppercase; font-size: 16px; }
[data-brand="focusamerica"] .fa-wordmark .f { color: #1F2761; }
[data-brand="focusamerica"] .fa-wordmark .a { color: #C8202C; }
[data-brand="focusamerica"][data-theme="dark"] .fa-wordmark .f { color: #8C9AF0; }
[data-brand="focusamerica"][data-theme="dark"] .fa-wordmark .a { color: #E5484D; }
[data-brand="focusamerica"] .fa-wordmark-login { font-family: "Montserrat", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 22px; letter-spacing: -0.01em; margin: 6px 0 20px; }
[data-brand="focusamerica"] .fa-wordmark-login .f { color: #1F2761; }
[data-brand="focusamerica"] .fa-wordmark-login .a { color: #C8202C; }

[data-brand="focusamerica"] .topbar-blog-badge {
  font-family: var(--font-sans); font-weight: 700; letter-spacing: 0.06em;
  text-transform: uppercase; font-size: 10px;
}
[data-brand="focusamerica"] .topbar-blog-badge.live { background: #1F2761; color: #fff; }
[data-brand="focusamerica"] .topbar-blog-badge.live::before { background: #fff; }
[data-brand="focusamerica"] .topbar-blog-badge.paused { background: var(--bg-raised); color: #6B6B6B; }
[data-brand="focusamerica"] .topbar-blog-badge.ended { background: #151A47; color: #fff; }

/* ---- Blog rail ---- */
[data-brand="focusamerica"] .sidebar { background: var(--bg-surface); }
[data-brand="focusamerica"] .sidebar-section-title {
  font-family: var(--font-sans); font-weight: 700; font-size: 11px;
  letter-spacing: 0.12em; color: var(--text3);
}
[data-brand="focusamerica"] .blog-item.active {
  background: var(--bg-raised);
}
[data-brand="focusamerica"] .blog-item-title { font-family: var(--font-display); font-weight: 600; }
[data-brand="focusamerica"] .blog-status-dot.live { background: var(--live); }
[data-brand="focusamerica"] .sidebar-actions .btn-primary { letter-spacing: 0; }
[data-brand="focusamerica"] .sidebar-actions .btn-primary span { letter-spacing: 0.04em; }

/* ---- Composer ---- */
[data-brand="focusamerica"] .main-area,
[data-brand="focusamerica"] .layout { background: var(--bg-deep); }
[data-brand="focusamerica"] .type-btn {
  text-transform: uppercase; font-size: 11px; font-weight: 700; letter-spacing: 0.04em;
}
[data-brand="focusamerica"] .type-btn.active[data-type="breaking"] { background: #C8202C; color: #fff; }
[data-brand="focusamerica"] .type-btn.active[data-type="pinned"] { background: #7A62B8; color: #fff; }
[data-brand="focusamerica"] .type-btn.active[data-type="update"] { background: #1F2761; color: #fff; }
[data-brand="focusamerica"] .type-btn.active[data-type="summary"] { background: #C9A227; color: #1F2761; }
[data-brand="focusamerica"] .compose-title { font-weight: 800; font-size: 1.4rem; color: var(--text); }
[data-brand="focusamerica"] .compose-editor { font-size: 16px; line-height: 1.7; color: var(--text); }
[data-brand="focusamerica"] .btn-publish {
  background: #C8202C; color: #fff; text-transform: uppercase;
  font-weight: 700; letter-spacing: 0.06em; font-size: 12px;
}
[data-brand="focusamerica"] .btn-publish:hover:not(:disabled) { background: #A81A24; }

/* ---- Feed ---- */
[data-brand="focusamerica"] .feed-count {
  font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--text3); font-family: var(--font-sans); font-size: 10px;
}
[data-brand="focusamerica"] .feed-entry { background: var(--bg-surface); }
[data-brand="focusamerica"] .feed-entry.breaking {
  background: color-mix(in srgb, #C8202C 12%, var(--bg-surface));
}
[data-brand="focusamerica"] .entry-title { font-weight: 700; font-size: 16px; }
[data-brand="focusamerica"] .entry-type-badge,
[data-brand="focusamerica"] .member-role {
  border-radius: var(--radius-pill); text-transform: uppercase;
  font-weight: 700; letter-spacing: 0.06em; font-size: 9px;
}
[data-brand="focusamerica"] .entry-type-badge.type-breaking { background: #C8202C; color: #fff; }
[data-brand="focusamerica"] .entry-type-badge.type-pinned { background: #7A62B8; color: #fff; }
[data-brand="focusamerica"] .entry-type-badge.type-summary { background: #C9A227; color: #1F2761; }
[data-brand="focusamerica"] .entry-pinned-banner {
  background: #7A62B8; color: #fff; text-transform: uppercase; letter-spacing: 0.1em;
  font-weight: 700; font-size: 9px;
}
[data-brand="focusamerica"] .avatar-sm,
[data-brand="focusamerica"] .presence-avatar { background: #1F2761; color: #fff; }

/* ---- Right panel ---- */
[data-brand="focusamerica"] .right-panel { background: var(--bg-surface); }
[data-brand="focusamerica"] .tab-btn.active { color: #1F2761; border-bottom-color: #C8202C; }
[data-brand="focusamerica"][data-theme="dark"] .tab-btn.active { color: #F1F2F8; border-bottom-color: #E5484D; }
[data-brand="focusamerica"] .theme-colors-section,
[data-brand="focusamerica"] .theme-mode-section,
[data-brand="focusamerica"] .theme-typography-section,
[data-brand="focusamerica"] .theme-entry-style-row { display: none; }
[data-brand="focusamerica"] .preview-label {
  font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  font-size: 10px; color: var(--text3);
}
[data-brand="focusamerica"] .member-role.admin { background: #C8202C; color: #fff; }
[data-brand="focusamerica"] .member-role.editor { border: 1px solid #1F2761; color: #1F2761; }

/* ---- Buttons / misc ---- */
[data-brand="focusamerica"] .btn-primary {
  background: #1F2761; color: #fff; text-transform: uppercase;
  font-weight: 700; letter-spacing: 0.06em; font-size: 12px;
}
[data-brand="focusamerica"] .btn-primary:hover { background: #151A47; }
[data-brand="focusamerica"] a { color: #C8202C; }
[data-brand="focusamerica"] .locale-btn.active { background: #1F2761; color: #fff; }

/* ---- Login ---- */
[data-brand="focusamerica"] .login-screen { background: var(--bg-deep); }
[data-brand="focusamerica"] #login-btn {
  background: #C8202C; color: #fff; text-transform: uppercase;
  font-weight: 700; letter-spacing: 0.06em;
}
[data-brand="focusamerica"] #login-btn:hover { background: #A81A24; }

/* ---- Mobile ---- */
@media (max-width: 900px) {
  [data-brand="focusamerica"] .topbar-brand .brand-name { display: none; }
}
[data-brand="focusamerica"] .mobile-nav { background: var(--bg-surface); }
[data-brand="focusamerica"] .mobile-nav-btn.active { color: #C8202C; }
[data-brand="focusamerica"] .mobile-settings-sheet { background: var(--bg-surface); }