/**
 * AI20 Visual Identity v1 — Design tokens (Staging).
 * Single source of truth for Approved Brand Asset Pack colors/type.
 */

:root {
  /* Canonical Approved v1 tokens */
  --ai20-midnight: #071a2b;
  --ai20-azure: #147dff;
  --ai20-cyan: #25d9e8;
  --ai20-platinum: #c9b98f;
  --ai20-white: #f7f9fc;
  --ai20-graphite: #202a33;

  /* Adapter aliases (existing VI selectors) */
  --ai20-vi-midnight: var(--ai20-midnight);
  --ai20-vi-azure: var(--ai20-azure);
  --ai20-vi-cyan: var(--ai20-cyan);
  --ai20-vi-platinum: var(--ai20-platinum);
  --ai20-vi-future-white: var(--ai20-white);
  --ai20-vi-graphite: var(--ai20-graphite);
  --ai20-vi-white: #ffffff;
  /* Accessible action shades derived from Approved Azure.
   * Core Azure remains the brand/accent color; action is used behind small
   * white text and clears WCAG AA at 5.05:1. */
  --ai20-vi-action: #0f6ae0;
  --ai20-vi-action-hover: #0b5fc7;
  --ai20-vi-azure-hover: var(--ai20-vi-action-hover);
  --ai20-vi-azure-soft: rgba(20, 125, 255, 0.12);
  --ai20-vi-border: rgba(32, 42, 51, 0.12);
  --ai20-vi-border-strong: rgba(32, 42, 51, 0.2);
  --ai20-vi-muted: rgba(32, 42, 51, 0.68);
  --ai20-vi-header-height: 80px;
  --ai20-vi-radius: 2px;
  --ai20-vi-radius-card: 2px;
  --ai20-vi-space-1: 0.25rem;
  --ai20-vi-space-2: 0.5rem;
  --ai20-vi-space-3: 1rem;
  --ai20-vi-space-4: 1.5rem;
  --ai20-vi-space-5: 2.5rem;
  --ai20-vi-space-6: 4rem;
  --ai20-vi-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ai20-vi-font-ar: "Noto Sans Arabic", "Inter", system-ui, sans-serif;
  --ai20-vi-font-data: "Inter", ui-monospace, "Segoe UI", monospace;
  --ai20-vi-ease: 160ms ease;

  /* Type scale */
  --ai20-vi-display: clamp(2.75rem, 5.5vw, 4rem);
  --ai20-vi-h1: clamp(2.25rem, 4.2vw, 3.25rem);
  --ai20-vi-h2: clamp(1.75rem, 3vw, 2.25rem);
  --ai20-vi-h3: clamp(1.25rem, 2vw, 1.5rem);
  --ai20-vi-body: 1.0625rem;
  --ai20-vi-body-sm: 0.9375rem;
  --ai20-vi-label: 0.72rem;
  --ai20-vi-button: 0.875rem;
  --ai20-vi-stat: clamp(1.75rem, 3vw, 2.5rem);
}

/**
 * Remap Profile / directory tokens so existing adapter chrome
 * inherits Approved v1 without page-by-page rewrites.
 */
body.ai20-vi-system {
  --edpf-color-text: var(--ai20-vi-graphite);
  --edpf-color-muted: var(--ai20-vi-muted);
  --edpf-color-surface: var(--ai20-vi-future-white);
  --edpf-color-border: var(--ai20-vi-border);
  --edpf-color-accent: var(--ai20-vi-azure);
  --edpf-color-accent-contrast: var(--ai20-vi-white);
  --edpf-color-hero-ink: var(--ai20-vi-midnight);
  --edpf-font-sans: var(--ai20-vi-font);
  --edpf-font-display: var(--ai20-vi-font);
  --edpf-radius: var(--ai20-vi-radius-card);
  --ai20-hero-glow: rgba(20, 125, 255, 0.08);

  /* Soften Kadence globals toward VI (non-destructive). */
  --global-palette-highlight: var(--ai20-vi-azure);
  --global-palette-btn-bg: var(--ai20-vi-action);
  --global-palette-btn: var(--ai20-vi-white);
  --global-palette-btn-bg-hover: var(--ai20-vi-action-hover);
  --global-palette-btn-hover: var(--ai20-vi-white);
}

html[lang^="ar"] body.ai20-vi-system,
body.ai20-vi-system[dir="rtl"],
body.ai20-vi-system .rtl {
  --ai20-vi-font: var(--ai20-vi-font-ar);
  --edpf-font-sans: var(--ai20-vi-font-ar);
  --edpf-font-display: var(--ai20-vi-font-ar);
}