/**
 * Tools Folio — Brand Tokens
 * Single source of truth for amber palette + logo-mark constants.
 *
 * Safe to load on ALL pages:
 *   - Tool pages: load after tf-tokens.css — values are identical, no conflict
 *   - Standalone pages (homepage, privacy, 404, 500): load as first stylesheet —
 *     provides --tf-amber-* tokens without pulling in the full tool-page token system
 *
 * CONSTRAINTS:
 *   - Defines ONLY amber palette and logo-mark constants.
 *   - Does NOT define --ink, --bg, layout, typography, or z-index tokens.
 *   - Does NOT define per-tool accent aliases — tools use --tf-amber-* directly.
 *   - CSS custom properties are NOT accessible inside shadow DOM (shell.js Web Components),
 *     so shell.js keeps its own JS constants that mirror these values exactly.
 */

:root {
  /* ── Amber palette ── */
  --tf-amber:        #E8943A;
  --tf-amber-dark:   #C0622A;
  --tf-amber-lite:   #FFF5EB;
  --tf-amber-glow:   rgba(232,148,58,.18);

  /* ── Logo-mark ── */
  --tf-logo-gradient: linear-gradient(135deg, #F5A961 0%, #E8943A 60%, #C0622A 100%);
  --tf-logo-shadow:   0 2px 8px rgba(232,148,58,.45);
}