/**
 * CONFUT marca-mãe (digital) — espelho dos tokens em DESIGN.md.
 * Superfícies por edição continuam em ficheiros próprios (IDENTITY-EVENTS.md).
 * Importação global recomendada no head antes de CSS que consuma estas variáveis.
 */
:root {
  --confut-color-azul-escuro: #0a2647;
  --confut-color-branco: #ffffff;
  --confut-color-verde-musgo: #0e665d;
  --confut-color-preto: #000000;

  /**
   * Escala macro (acentos): hex garante browser sem OKLCH; bloco @supports eleva perceptualmente.
   */
  --confut-macro-accent-bright: #159a8c;
  --confut-macro-accent-soft: #47b5a8;

  /**
   * Macro technical surfaces: testimonial rails, signal panels, and B2B summit UI details.
   * Hex/RGBA fallback first; OKLCH overrides below where supported.
   */
  --confut-tech-panel: #071326;
  --confut-tech-panel-deep: #030914;
  --confut-tech-line: rgba(21, 154, 140, 0.34);
  --confut-tech-line-dim: rgba(71, 181, 168, 0.16);
  --confut-tech-text: #eef3fa;
  --confut-tech-muted: #bfc9d5;
  --confut-tech-ink-shadow: rgba(2, 7, 17, 0.44);
  --confut-tech-ink-shadow-soft: rgba(2, 7, 17, 0.34);
  --confut-tech-ink-shadow-strong: rgba(2, 7, 17, 0.46);
  --confut-tech-highlight-soft: rgba(21, 154, 140, 0.12);
  --confut-tech-highlight-faint: rgba(21, 154, 140, 0.08);
  --confut-tech-highlight-radial: rgba(48, 99, 150, 0.28);
  --confut-tech-grid-line: rgba(74, 133, 178, 0.08);
  --confut-tech-grid-line-active: rgba(74, 133, 178, 0.1);
  --confut-tech-circuit-line: rgba(21, 154, 140, 0.12);
  --confut-tech-circuit-line-active: rgba(71, 181, 168, 0.16);
  --confut-tech-radial-glow: rgba(21, 154, 140, 0.18);
  --confut-tech-radial-glow-active: rgba(21, 154, 140, 0.31);
  --confut-tech-line-soft: rgba(21, 154, 140, 0.22);
  --confut-tech-line-strong: rgba(21, 154, 140, 0.72);
  --confut-tech-line-hot: rgba(176, 245, 232, 0.82);
  --confut-tech-glow: rgba(21, 154, 140, 0.28);
  --confut-tech-glow-ring: rgba(21, 154, 140, 0.16);
  --confut-tech-glow-soft: rgba(21, 154, 140, 0.1);
  --confut-tech-sheen: rgba(238, 243, 250, 0.12);
  --confut-tech-sheen-soft: rgba(238, 243, 250, 0.05);
  --confut-tech-sheen-active: rgba(238, 243, 250, 0.08);
  --confut-tech-focus-ring: rgba(232, 244, 255, 0.92);
  --confut-tech-quote-mark: rgba(101, 134, 185, 0.24);
  --confut-tech-quote-mark-active: rgba(21, 154, 140, 0.23);
  --confut-tech-avatar-ring: rgba(21, 154, 140, 0.58);
  --confut-tech-avatar-halo: rgba(21, 154, 140, 0.08);
  --confut-tech-panel-active: #0b1a33;
  --confut-tech-panel-active-deep: #051022;
  --confut-tech-mask-stop: rgba(8, 18, 32, 1);

  /**
   * Shared macro surface tokens extracted from the homepage.
   * These power hero shells, event-media cards, global map layers, metric bands,
   * and future sponsorship variants without depending on home-specific class names.
   */
  --confut-hero-video-filter: brightness(0.78) saturate(0.86) contrast(1.06) blur(1px);
  --confut-hero-overlay-top: rgba(2, 7, 17, 0.96);
  --confut-hero-overlay-mid: rgba(3, 12, 28, 0.86);
  --confut-hero-overlay-soft: rgba(4, 16, 36, 0.48);
  --confut-hero-overlay-edge: rgba(2, 7, 17, 0.58);
  --confut-hero-overlay-depth: rgba(4, 18, 39, 0.34);
  --confut-hero-overlay-floor: rgba(0, 0, 0, 0.58);
  --confut-hero-title-shadow: 0 10px 30px rgba(0, 0, 0, 0.58), 0 1px 4px rgba(0, 0, 0, 0.46);
  --confut-hero-highlight-shadow: 0 10px 28px rgba(0, 0, 0, 0.44), 0 0 42px rgba(21, 154, 140, 0.18);

  --confut-shell-light-top: #f4f7fb;
  --confut-shell-light-bottom: #edf2f8;
  --confut-shell-dark-top: #081428;
  --confut-shell-dark-bottom: #050c18;
  --confut-shell-accent-glow: rgba(21, 154, 140, 0.12);

  --confut-media-shade-top: rgba(4, 14, 30, 0.08);
  --confut-media-shade-mid: rgba(4, 16, 34, 0.38);
  --confut-media-shade-bottom: rgba(2, 8, 18, 0.92);
  --confut-media-card-text: #f0f6ff;
  --confut-media-card-muted: rgba(230, 239, 250, 0.82);
  --confut-media-card-shadow: 0 24px 54px rgba(2, 7, 17, 0.22);

  --confut-map-world-fill: rgba(74, 133, 178, 0.08);
  --confut-map-grid: rgba(74, 133, 178, 0.08);
  --confut-map-dot: rgba(176, 245, 232, 0.62);
  --confut-map-connection: rgba(21, 154, 140, 0.36);
  --confut-map-connection-strong: rgba(176, 245, 232, 0.84);
  --confut-map-hub: rgba(113, 241, 228, 0.92);
  --confut-map-label: rgba(220, 245, 250, 0.64);
  --confut-map-label-strong: rgba(107, 241, 228, 0.9);

  --confut-stat-panel-bg: rgba(255, 255, 255, 0.78);
  --confut-stat-panel-border: rgba(10, 38, 71, 0.08);
  --confut-stat-panel-shadow: 0 18px 38px rgba(10, 38, 71, 0.08);
  --confut-stat-shimmer: rgba(21, 154, 140, 0.14);

  --confut-font-display-family: "Alibaba Sans", system-ui, sans-serif;
  --confut-font-body-family: var(--confut-font-display-family);

  --confut-radius-sm: 4px;
  --confut-radius-md: 8px;
  --confut-radius-lg: 12px;

  --confut-space-xs: 8px;
  --confut-space-sm: 16px;
  --confut-space-md: 24px;
  --confut-space-lg: 48px;
  --confut-space-xl: 80px;

  --confut-motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --confut-motion-ease-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --confut-motion-fast: 280ms;
  --confut-motion-signal-sweep: 7.5s;
  --confut-motion-testimonial-marquee: 58s;
}

@supports (color: oklch(60% 0.11 177)) {
  :root {
    --confut-macro-accent-bright: oklch(60% 0.11 177);
    --confut-macro-accent-soft: oklch(71% 0.085 175);
    --confut-tech-panel: oklch(15% 0.042 252);
    --confut-tech-panel-deep: oklch(10% 0.034 252);
    --confut-tech-line: oklch(65% 0.11 178 / 0.34);
    --confut-tech-line-dim: oklch(63% 0.08 205 / 0.16);
    --confut-tech-text: oklch(94% 0.012 248);
    --confut-tech-muted: oklch(78% 0.025 251);
    --confut-tech-ink-shadow: oklch(8% 0.012 252 / 0.44);
    --confut-tech-ink-shadow-soft: oklch(8% 0.012 252 / 0.34);
    --confut-tech-ink-shadow-strong: oklch(8% 0.012 252 / 0.46);
    --confut-tech-highlight-soft: oklch(62% 0.09 179 / 0.12);
    --confut-tech-highlight-faint: oklch(78% 0.12 179 / 0.08);
    --confut-tech-highlight-radial: oklch(39% 0.075 243 / 0.28);
    --confut-tech-grid-line: oklch(62% 0.07 214 / 0.08);
    --confut-tech-grid-line-active: oklch(74% 0.1 212 / 0.07);
    --confut-tech-circuit-line: oklch(68% 0.11 178 / 0.12);
    --confut-tech-circuit-line-active: oklch(72% 0.12 178 / 0.16);
    --confut-tech-radial-glow: oklch(63% 0.12 178 / 0.18);
    --confut-tech-radial-glow-active: oklch(66% 0.13 178 / 0.31);
    --confut-tech-line-soft: oklch(65% 0.11 178 / 0.22);
    --confut-tech-line-strong: oklch(72% 0.13 178 / 0.72);
    --confut-tech-line-hot: oklch(88% 0.07 178 / 0.82);
    --confut-tech-glow: oklch(70% 0.13 178 / 0.28);
    --confut-tech-glow-ring: oklch(70% 0.13 178 / 0.16);
    --confut-tech-glow-soft: oklch(68% 0.12 178 / 0.1);
    --confut-tech-sheen: oklch(96% 0.006 252 / 0.12);
    --confut-tech-sheen-soft: oklch(96% 0.006 252 / 0.05);
    --confut-tech-sheen-active: oklch(96% 0.006 252 / 0.08);
    --confut-tech-focus-ring: oklch(96% 0.018 248 / 0.92);
    --confut-tech-quote-mark: oklch(59% 0.055 252 / 0.24);
    --confut-tech-quote-mark-active: oklch(62% 0.09 179 / 0.23);
    --confut-tech-avatar-ring: oklch(62% 0.09 179 / 0.58);
    --confut-tech-avatar-halo: oklch(62% 0.09 179 / 0.08);
    --confut-tech-panel-active: oklch(18% 0.052 252);
    --confut-tech-panel-active-deep: oklch(12% 0.042 252);
    --confut-tech-mask-stop: oklch(20% 0.005 252);
    --confut-hero-overlay-top: oklch(10% 0.018 252 / 0.96);
    --confut-hero-overlay-mid: oklch(14% 0.026 252 / 0.86);
    --confut-hero-overlay-soft: oklch(19% 0.038 250 / 0.48);
    --confut-hero-overlay-edge: oklch(10% 0.018 252 / 0.58);
    --confut-hero-overlay-depth: oklch(22% 0.05 248 / 0.34);
    --confut-hero-overlay-floor: oklch(0% 0 0 / 0.58);
    --confut-shell-light-top: oklch(97% 0.008 248);
    --confut-shell-light-bottom: oklch(95% 0.012 248);
    --confut-shell-dark-top: oklch(16% 0.042 252);
    --confut-shell-dark-bottom: oklch(11% 0.034 252);
    --confut-shell-accent-glow: oklch(62% 0.09 179 / 0.12);
    --confut-media-shade-top: oklch(16% 0.032 252 / 0.08);
    --confut-media-shade-mid: oklch(16% 0.032 252 / 0.38);
    --confut-media-shade-bottom: oklch(9% 0.018 252 / 0.92);
    --confut-media-card-text: oklch(96% 0.01 248);
    --confut-media-card-muted: oklch(92% 0.018 248 / 0.82);
    --confut-media-card-shadow: 0 24px 54px oklch(8% 0.012 252 / 0.22);
    --confut-map-world-fill: oklch(62% 0.07 214 / 0.08);
    --confut-map-grid: oklch(62% 0.07 214 / 0.08);
    --confut-map-dot: oklch(88% 0.07 178 / 0.62);
    --confut-map-connection: oklch(62% 0.09 179 / 0.36);
    --confut-map-connection-strong: oklch(88% 0.07 178 / 0.84);
    --confut-map-hub: oklch(85% 0.1 178 / 0.92);
    --confut-map-label: oklch(95% 0.028 248 / 0.64);
    --confut-map-label-strong: oklch(84% 0.1 178 / 0.9);
    --confut-stat-panel-bg: oklch(99% 0.008 248 / 0.78);
    --confut-stat-panel-border: oklch(28% 0.05 255 / 0.08);
    --confut-stat-panel-shadow: 0 18px 38px oklch(28% 0.05 255 / 0.08);
    --confut-stat-shimmer: oklch(62% 0.09 179 / 0.14);
  }
}