/**
 * theme-fallbacks.ts — TS-land literals for the rare cases that need resolved hex values.
 *
 * Covers JS APIs that cannot consume CSS custom properties (e.g. `var(--token)`):
 *   - Stripe Elements `appearance.variables` (rejects CSS var strings)
 *   - PWA `<meta name="theme-color">` (static HTML attribute, no CSS var)
 *   - `<input type="color">` default value attribute
 *
 * Every constant here should map 1-to-1 with a token in tokens.css.
 * slopgate excludes this file from the "no raw hex" rule.
 *
 * Value↔token cross-reference (verified against tokens.css):
 *   FALLBACK_PRIMARY   '#0a5cff'  — NOTE: no exact token match; closest is --color-brand-primary-600 (#2563eb).
 *                                   Value is intentional Stripe-specific override kept as-is.
 *   FALLBACK_BG        '#ffffff'  — matches --color-neutral-0 / --color-brand-surface
 *   FALLBACK_TEXT      '#111827'  — matches --color-neutral-900
 *   FALLBACK_BRAND_500 '#3b82f6'  — matches --color-brand-primary-500
 *   FALLBACK_THEME_COLOR '#1e40af'— matches --color-brand-primary-800
 *   FALLBACK_SWATCH_BLACK '#000000' — opaque black, no direct token (input[type=color] default)
 */

/** Stripe Elements colorPrimary fallback. Closest token: --color-brand-primary-600 (#2563eb). See note above. */
export const FALLBACK_PRIMARY = '#0a5cff';

/** Stripe Elements colorBackground fallback. Matches --color-neutral-0 / --color-brand-surface (#ffffff). */
export const FALLBACK_BG = '#ffffff';

/** Stripe Elements colorText fallback. Matches --color-neutral-900 (#111827). */
export const FALLBACK_TEXT = '#111827';

/** Map radius-circle stroke fallback. Matches --color-brand-primary-500 (#3b82f6). */
export const FALLBACK_BRAND_500 = '#3b82f6';

/** PWA meta theme-color. Matches --color-brand-primary-800 (#1e40af). */
export const FALLBACK_THEME_COLOR = '#1e40af';

/** Color-swatch input[type=color] default value. Opaque black — no direct token equivalent. */
export const FALLBACK_SWATCH_BLACK = '#000000';
