/* ==========================================================================
   Training Platform — Design Tokens
   Extends ahruf-tokens.css (shared core) with training-only tokens.
   Spec: TRAINING_DESIGN_STANDARDS.md §3, §6, §7
   ========================================================================== */

:root {
  /* ── Training-Only Brand Extensions ── */
  --training-ember: #f4a261; /* §3.1 — secondary accent, AI-tutor highlights */
  --training-indigo: #2a3d66; /* §3.1 — B2B pages, certificate borders */
  --training-gold: #c9a227; /* §3.1 — certificate accents, premium tier */

  /* ── Primary Step-scale (aligns TRAINING spec values with existing ahruf-tokens) ── */
  --ahruf-primary-600: #2d6a4f;
  --ahruf-primary-400: #52b788;
  --ahruf-accent-600: #cf5a3e;
  --ahruf-accent-50: #fce8e0;

  /* ── Surface layering (2-Layer Rule §6.5) ── */
  --ahruf-surface-muted: #f4f6f8;
  --ahruf-border-strong: #cbd5e0;

  /* ── State Colors §3.2 ── */
  --state-success: #2f9e44;
  --state-warn: #e0a800;
  --state-danger: #d7263d;
  --state-info: #1e88e5;
  --state-ai: #6c5ce7; /* RESERVED for AI surfaces only */

  /* ── Content-Type Colors §3.3 ── */
  --ct-video: #e76f51;
  --ct-text: #1b4332;
  --ct-quiz: #6c5ce7;
  --ct-activity: #f4a261;
  --ct-file: #4a5568;
  --ct-discussion: #1e88e5;

  /* ── Gradients §3.4 ── */
  --grad-hero-warm: linear-gradient(
    135deg,
    #1b4332 0%,
    #2d6a4f 55%,
    #52b788 100%
  );
  --grad-hero-ember: linear-gradient(
    135deg,
    #2a3d66 0%,
    #1b4332 50%,
    #e76f51 120%
  );
  --grad-card-soft: linear-gradient(180deg, #ffffff 0%, #f7f5f2 100%);
  --grad-ai-aurora: linear-gradient(
    120deg,
    #6c5ce7 0%,
    #1b4332 55%,
    #f4a261 100%
  );
  --grad-certificate: linear-gradient(
    135deg,
    #fbf3df 0%,
    #f4e2b8 50%,
    #e7c56c 100%
  );

  /* ── Critical-Action Filter §3.5 ── */
  --training-cta-focus: brightness(0.96) contrast(1.08);

  /* ── Focus Rings ── */
  --shadow-ring-primary: 0 0 0 3px rgba(82, 183, 136, 0.35);
  --shadow-ring-ai: 0 0 0 3px rgba(108, 92, 231, 0.35);
  --shadow-ring-danger: 0 0 0 3px rgba(215, 38, 61, 0.3);

  /* ── Training-specific Shadow Scale §6.2 ── */
  --training-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --training-shadow-sm:
    0 2px 6px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
  --training-shadow-md:
    0 8px 24px rgba(16, 24, 40, 0.08), 0 2px 4px rgba(16, 24, 40, 0.04);
  --training-shadow-lg:
    0 16px 48px rgba(16, 24, 40, 0.12), 0 4px 8px rgba(16, 24, 40, 0.06);

  /* ── Radii §6.1 ── */
  --radius-xs: 4px;
  --training-radius-pill: 9999px;

  /* ── Motion Tokens §7.1 ── */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.3, 0, 0, 1.2);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --dur-1: 120ms;
  --dur-2: 180ms;
  --dur-3: 240ms;
  --dur-4: 320ms;
  --dur-5: 560ms;

  /* ── Container & Layout §5 ── */
  --training-max-width: 1240px;
  --training-gutter: clamp(16px, 4vw, 32px);
  --training-grid-gutter: 24px; /* Bootstrap override per Gemini §7 */

  /* ── Text Tokens (spec-aligned, in addition to ahruf-tokens) ── */
  --ahruf-text-subtle: #1a2332; /* spec §3.1 */
}

/* Bootstrap gutter override (training scope only — applied via body class) */
body.training-page {
  --bs-gutter-x: var(--training-grid-gutter);
}