/* Catalog chrome theme: neo-editorial-poster-brutalism
 * Mode: light
 * Source: Designs/the-broadside.html
 */
html[data-theme="neo-editorial-poster-brutalism"] {
  color-scheme: light;

  --surface-canvas:         #E1E1E1;
  --surface-sheet:          #E1E1E1;
  --surface-kraft:          #FFFFFF;
  --surface-dark:           #111111;
  --surface-hover:          #FFFFFF;

  --ink-primary:            #111111;
  --ink-secondary:          #111111;
  --ink-muted:              #111111;
  --ink-inverted:           #FFFFFF;
  --ink-on-bright:          #111111;
  --ink-on-hot:             #FFFFFF;
  --ink-code:               #E1E1E1;

  --accent-burnt-orange:    #FF505F;
  --accent-orange-hover:    #FF505F;
  --accent-mustard:         #D9FF38;
  --accent-mustard-hover:   #D9FF38;

  --status-success:         #D9FF38;
  --status-warning:         #FF505F;
  --status-danger:          #FF505F;
  --status-info:            #481A66;

  --font-display: "Bebas Neue", "Impact", "Druk Condensed", sans-serif;
  --font-sans:    "Inter", "Neue Haas Grotesk", "Helvetica Now", -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", monospace;

  --radius-sharp:   0px;
  --radius-tactile: 0px;
  --radius-stamp:   0px;
  --radius-pill:    0px;

  --shadow-ink:        #111111;
  --shadow-none:       0px 0px 0px transparent;
  --shadow-sm:         none;
  --shadow-base:       none;
  --shadow-md:         none;
  --shadow-lg:         none;
  --shadow-accent-hot: none;
  --shadow-accent-war: none;
  --shadow-modal:      none;
  --header-lip:        0 1px 0 #111111;

  --border-ink:         #111111;
  --border-core:        1px solid var(--border-ink);
  --border-hairline:    1px solid var(--border-ink);
  --border-accent-hot:  1px solid var(--accent-burnt-orange);
  --border-accent-warm: 1px solid var(--accent-mustard);
  --divider-perforated: 1px dashed var(--border-ink);
  --divider-dotted:     1px dotted var(--border-ink);
  --focus-ring:         var(--accent-burnt-orange);
  --grid-line:          rgba(17, 17, 17, 0.05);

  --badge-orange-bg:      #FF505F;
  --badge-orange-ink:     #FFFFFF;
  --badge-mustard-bg:     #D9FF38;
  --badge-mustard-border: #111111;
  --badge-mustard-ink:    #111111;
  --badge-success-bg:     #D9FF38;
  --badge-success-border: #111111;
  --badge-success-ink:    #111111;
  --chip-count-well:      rgba(17, 17, 17, 0.08);
  --chip-count-active:    rgba(255, 255, 255, 0.30);
  --show-more-count-bg:   rgba(17, 17, 17, 0.12);
  --btn-dark-hover:       #1F1F1F;
  --view-btn-active-hover:#1F1F1F;

  --skeleton-board:       #D2D2D2;
  --skeleton-grid:        #C8C8C8;
  --skeleton-hatch:       rgba(17, 17, 17, 0.03);
  --skeleton-ink:         rgba(17, 17, 17, 0.35);
  --skeleton-nav:         #BFBFBF;
  --skeleton-nav-left:    #A0A0A0;
  --skeleton-dot:         #AEAEAE;
  --skeleton-h1:          #A8A8A8;
  --skeleton-p:           #BEBEBE;
  --skeleton-btn:         #949494;
  --skeleton-art:         #BCBCBC;
  --skeleton-art-ink:     rgba(17, 17, 17, 0.4);
  --skeleton-cell:        #C4C4C4;
  --skeleton-line:        rgba(17, 17, 17, 0.15);
  --skeleton-dash:        rgba(17, 17, 17, 0.25);
  --skeleton-btn-border:  rgba(17, 17, 17, 0.3);
}

/* Scoped mechanical overrides for Neo-Editorial Poster Brutalism */
html[data-theme="neo-editorial-poster-brutalism"] .brand-stamp {
  color: var(--ink-on-hot);
}

html[data-theme="neo-editorial-poster-brutalism"] .modal-close-btn:hover {
  color: var(--ink-on-hot);
}

html[data-theme="neo-editorial-poster-brutalism"] .live-dot,
html[data-theme="neo-editorial-poster-brutalism"] .vibe-dot,
html[data-theme="neo-editorial-poster-brutalism"] .chip-count,
html[data-theme="neo-editorial-poster-brutalism"] .show-more-count {
  border-radius: 0px;
}