/*
Theme Name: iab2b
Theme URI: https://iab2b.site/
Author: iab2b
Author URI: https://iab2b.site/
Description: Tema block nativo para iab2b — mídia B2B de IA (PT-BR). Visual inspirado em blog.google (News from Google), com Inter (substituto legal de Google Sans) e toggle claro/escuro. Sem dependência de Kadence.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iab2b
Tags: blog, news, block-styles, full-site-editing, one-column, two-columns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready
*/

/* Fallback CSS variables — mirrored from tokens.json; theme.json + toggle also apply. */
:root {
  --font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "Roboto Mono", ui-monospace, Consolas, monospace;
  --measure-article: 42rem;
  --radius-main: 24px;
  --radius-12: 12px;
  --header-height: 4rem;
  --transition-fast: 150ms ease;

  --color-bg: #ffffff;
  --color-bg-secondary: #f8f9fa;
  --color-bg-tertiary: #f1f3f4;
  --color-bg-elevated: #ffffff;
  --color-bg-accent-muted: #e8f0fe;
  --color-surface-card: #ffffff;
  --color-surface-card-hover: #f8f9fa;
  --color-text: #202124;
  --color-text-secondary: #5f6368;
  --color-text-meta: #3c4043;
  --color-text-inverse: #ffffff;
  --color-border: #dadce0;
  --color-border-subtle: #e8eaed;
  --color-accent: #1a56db;
  --color-accent-hover: #1746b8;
  --color-link: #1a56db;
  --color-link-hover: #174ea6;
  --color-focus-ring: #aecbfa;
  --shadow-card: 0 1px 2px rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.06);
  --shadow-nav: 0 1px 2px rgba(60, 64, 67, 0.1);
  color-scheme: light;
}

[data-theme="dark"] {
  --color-bg: #0f1115;
  --color-bg-secondary: #1e222a;
  --color-bg-tertiary: #181b21;
  --color-bg-elevated: #181b21;
  --color-bg-accent-muted: #1a2f55;
  --color-surface-card: #181b21;
  --color-surface-card-hover: #1e222a;
  --color-text: #e8eaed;
  --color-text-secondary: #9aa0a6;
  --color-text-meta: #bdc1c6;
  --color-text-inverse: #0f1115;
  --color-border: #2a2f38;
  --color-border-subtle: #22262e;
  --color-accent: #4c8dff;
  --color-accent-hover: #7aadff;
  --color-link: #4c8dff;
  --color-link-hover: #7aadff;
  --color-focus-ring: #3c90ff;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.28);
  --shadow-nav: 0 1px 3px rgba(0, 0, 0, 0.45);
  color-scheme: dark;
}

html {
  background: var(--color-bg);
  color: var(--color-text);
}

body {
  font-family: var(--font-sans);
  background: var(--color-bg);
  color: var(--color-text);
}

a {
  color: var(--color-link);
}

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

:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}

.iab2b-site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  min-height: var(--header-height);
  background: color-mix(in srgb, var(--color-bg) 92%, transparent);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-nav);
}

.iab2b-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.4rem 0.75rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-12);
  background: var(--color-bg-secondary);
  color: var(--color-text);
  font: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background var(--transition-fast), border-color var(--transition-fast);
}

.iab2b-theme-toggle:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-border);
}

.iab2b-post-card {
  background: var(--color-surface-card);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-main);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  transition: background var(--transition-fast), border-color var(--transition-fast);
}

.iab2b-post-card:hover {
  background: var(--color-surface-card-hover);
}

.iab2b-article-measure {
  max-width: var(--measure-article);
}

.iab2b-eyebrow {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--color-accent);
  text-transform: none;
}

.iab2b-site-footer {
  border-top: 1px solid var(--color-border-subtle);
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
}