/*
 * tokens-bridge.css
 * Maps theme.json design tokens (emitted by WordPress as --wp--preset--*) onto
 * the Bootstrap 5 variables Bootstrap reads (--bs-*).
 *
 * Loaded after bootstrap.min.css via functions.php so this layer wins the
 * cascade for any --bs-* set here. Start narrow: only the variables we
 * actually want driven by theme.json. Expand as we trust the chain.
 *
 * See docs/CONFIG.md and backlog/tasks/task-11 for the rationale.
 */

:root {
  --bs-primary:        var(--wp--preset--color--ic-orange);
  --bs-heading-color:  var(--wp--preset--color--ic-orange);
}

/*
 * IC block-CSS alias layer.
 *
 * Invictus's per-block CSS (ported to ocrinvictus under assets/blocks/*.css)
 * references its own token names like --color-ic-orange, --spacing-md,
 * --radius-md. Map those onto ocrinvictus's --wp--preset--* values here so
 * the per-block CSS can ship verbatim. New values that ocrinvictus doesn't
 * have a preset for (alphas, radii, transitions, orange-light) are defined
 * inline below.
 */
:root {
  /* Colors — alias to existing ocrinvictus presets */
  --color-ic-orange:        var(--wp--preset--color--ic-orange);
  --color-ic-orange-dark:   var(--wp--preset--color--ic-orange-dark);
  --color-ic-white:         var(--wp--preset--color--ic-text-primary);
  --color-ic-black:         var(--wp--preset--color--ic-black);
  --color-ic-grey-light:    var(--wp--preset--color--ic-grey-light);
  --color-ic-grey-dark:     var(--wp--preset--color--ic-bg-dark);
  --color-ic-grey-lighter:  var(--wp--preset--color--ic-bg-card);

  /* Colors — new values not in ocrinvictus presets */
  --color-ic-orange-light:  #FF8C33;
  --ic-orange-a25:          rgba(255, 109, 0, 0.25);
  --ic-orange-a10:          rgba(255, 109, 0, 0.10);

  /* Spacing — alias Invictus t-shirt names to ocrinvictus numeric slugs */
  --spacing-xs:  var(--wp--preset--spacing--20); /* 0.5rem */
  --spacing-sm:  var(--wp--preset--spacing--30); /* 1rem   */
  --spacing-md:  var(--wp--preset--spacing--40); /* 1.5rem */
  --spacing-lg:  var(--wp--preset--spacing--50); /* 2rem   */
  --spacing-xl:  var(--wp--preset--spacing--60); /* 3rem   */
  --spacing-2xl: var(--wp--preset--spacing--70); /* 4rem   */

  /* Font sizes — alias Invictus names to ocrinvictus slugs */
  --font-size-xs:   var(--wp--preset--font-size--xs);
  --font-size-sm:   var(--wp--preset--font-size--sm);
  --font-size-base: var(--wp--preset--font-size--base);
  --font-size-md:   var(--wp--preset--font-size--md);
  --font-size-lg:   var(--wp--preset--font-size--lg);
  --font-size-xl:   var(--wp--preset--font-size--xl);
  --font-size-2xl:  var(--wp--preset--font-size--2xl);
  --font-size-hero: var(--wp--preset--font-size--hero);

  /* Font families — ocrinvictus only has Inter; alias display→body */
  --font-ic-body:    var(--wp--preset--font-family--ic-body);
  --font-ic-display: var(--wp--preset--font-family--ic-body);

  /* Radii, transitions — new values */
  --radius-md:        0.5rem;
  --radius-lg:        1rem;
  --transition-default: 0.2s ease;
}