/* legacy-bridge.css — Alias dashboard tokens to editorial tokens. LOAD ORDER: tokens.css THEN this file. */
/* One-way map: legacy dashboard token names → editorial token equivalents via var(). */
/* History, settings, and login pages keep working without code changes during Phase 28 migration. */

:root {
  /* Background aliases */
  --bg-primary:   var(--surface-base);
  --bg-secondary: var(--surface-1);
  --bg-tertiary:  var(--surface-2);
  --bg-card:      var(--surface-2);

  /* Accent: bridge to --accent-text so text links pass WCAG contrast (6.7:1 vs 4.48:1) */
  --color-primary:       var(--accent-text);
  --color-primary-hover: var(--accent-hover);
  --border-focus:        var(--accent);

  /* Spacing aliases (4px grid matches both systems perfectly) */
  --spacing-1:  var(--sp-1);
  --spacing-2:  var(--sp-2);
  --spacing-3:  var(--sp-3);
  --spacing-4:  var(--sp-4);
  --spacing-5:  var(--sp-5);
  --spacing-6:  var(--sp-6);
  --spacing-8:  var(--sp-7);
  --spacing-10: var(--sp-8);

  /* settings.html uses --space-N (third spacing convention) */
  --space-2: var(--sp-2);
  --space-3: var(--sp-3);
  --space-4: var(--sp-4);

  /* Font aliases */
  --font-family-base: var(--font-body);
  --font-family-mono: var(--font-mono);

  /* Font-size aliases (variables.css naming convention → tokens.css) */
  --font-size-xs:  var(--text-xs);
  --font-size-sm:  var(--text-sm);
  --font-size-md:  var(--text-base);
  --font-size-lg:  var(--text-lg);
  --font-size-xl:  var(--text-xl);
  --font-size-2xl: var(--text-2xl);
  --font-size-3xl: var(--text-3xl);
  --font-size-4xl: var(--text-4xl);

  /* Font-weight aliases */
  --font-weight-normal:   400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  /* settings.html accent alias */
  --accent-primary: var(--accent);

  /* v2.html radius shorthand aliases */
  --r-sm: var(--radius-sm);
  --r-md: var(--radius-md);
  --r-lg: var(--radius-lg);
  --r-xl: var(--radius-xl);

  /* v2.html motion aliases */
  --t-fast: var(--duration-fast);
  --t-base: var(--duration-normal);
  --t-slow: var(--duration-slow);

  /* Border aliases */
  --border-default: rgba(255, 255, 255, 0.1);
  --border-hover:   rgba(255, 255, 255, 0.2);

  /* Radius tokens are defined in tokens.css which loads before this file.
     Identity-map assignments here would create circular references per CSS spec.
     Downstream var(--radius-*) usage resolves directly from tokens.css. */

  /* Transition aliases (duration tokens + standard ease) */
  --transition-fast:   var(--duration-fast) ease;
  --transition-normal: var(--duration-normal) ease;
  --transition-slow:   var(--duration-slow) ease;

  /* Touch target minimum per WCAG 2.5.5 */
  --touch-target-min: 44px;
}