/* ---------------------------------------------------------------------------
 * AEO Agent suite skin — v6.0.0 (2026-06-10)
 * ---------------------------------------------------------------------------
 * Loads AFTER /shared/design/tokens.css on AEO surfaces ONLY
 * (aeo-agent index.html + admin pages, image-generator-v2, content-writer-v2).
 * Hunt also consumes tokens.css — this file deliberately does NOT load there.
 *
 * Brand: white canvas · ink/gray text · AIML logo teal = primary action ·
 * sunset ochre = accent (AI features, highlights). Enterprise-SaaS restraint:
 * one primary, one accent, semantic status only.
 * ------------------------------------------------------------------------- */

:root {
  /* ── Surface — predominantly white ──────────────────────────────────── */
  --color-bg:            #FFFFFF;
  --color-surface:       #FAFAF8;            /* page canvas — near-white, lets white cards read as cards */
  --color-surface-alt:   #F4F2EE;            /* panels, wells, table heads */
  --color-surface-hover: #EFECE7;

  /* v6.2 contrast pass — the v6.0 hairlines washed out on white ("everything
     white"); borders + tertiary ink darkened for readability. */
  --color-border:        #DCD8D1;
  --color-border-soft:   #E7E4DE;
  --color-border-strong: #C6C1B8;            /* inputs, field outlines */

  /* tertiary ink (labels, helper text) — was #75716E/#9A9693, too faint at 11-12px */
  --color-ink-subtle:    #67635E;
  --color-ink-soft:      #8A8580;

  /* ── Primary — AIML logo teal ───────────────────────────────────────── */
  --color-primary:       #2dd4bf;
  --color-primary-hover: #14b8a6;
  --color-primary-bg:    rgba(45, 212, 191, .08);
  --color-primary-ring:  rgba(45, 212, 191, .24);

  /* ── Accent — sunset ochre (AI features, highlights) ────────────────── */
  --color-accent:        #ff667f;
  --color-accent-hover:  #e11d48;
  --color-accent-bg:     rgba(255, 102, 127, .10);
  --color-accent-ring:   rgba(255, 102, 127, .24);

  /* info follows primary teal */
  --color-info:          #2dd4bf;
  --color-info-bg:       rgba(45, 212, 191, .08);
  --color-info-border:   rgba(45, 212, 191, .24);

  --shadow-focus:        0 0 0 3px var(--color-primary-ring);
  --shadow-focus-accent: 0 0 0 3px var(--color-accent-ring);
}

/* ── Global guards (enterprise hygiene) ─────────────────────────────────── */

/* A display rule must never defeat the hidden attribute */
[hidden] { display: none !important; }

/* One focus language app-wide */
:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
button:focus-visible, a:focus-visible, [role="button"]:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus);
}

/* KPI / numeric alignment — all digits tabular */
.stat-value, .aa-kpi-value, .v537-kpi-val, td.aa-table-num, .num {
  font-variant-numeric: tabular-nums;
}