/*
 * Deprecated Color Variables
 *
 * Maps deprecated --color-* variable names to PrimeVue v4 --pv-* tokens,
 * with hex fallbacks for contexts without a PrimeVue runtime
 * (login page via Vite static copy, colors.ts build-time parsing).
 *
 * Do not use --color-* names in new code — use --pv-* tokens or $dt() instead.
 *
 * The --color-* compat entries can be removed once all CSS and JS consumers are
 * migrated to --pv-* / $dt(). The login page will always need some form of static
 * CSS with hex values (no PrimeVue runtime) — at that point this file will be
 * replaced by a smaller login-specific stylesheet.
 */

:root {
  /* ── Pink ── */
  --color-pink-950: var(--pv-pink-950, #38041f);
  --color-pink-900: var(--pv-pink-900, #590b2f);
  --color-pink-800: var(--pv-pink-800, #7d1441);
  --color-pink-700: var(--pv-pink-700, #a31d4e);
  --color-pink-600: var(--pv-pink-600, #d62960);
  --color-pink-500: var(--pv-pink-500, #ed456f);
  --color-pink-400: var(--pv-pink-400, #ff6282);
  --color-pink-300: var(--pv-pink-300, #fe889e);
  --color-pink-200: var(--pv-pink-200, #feadbb);
  --color-pink-100: var(--pv-pink-100, #fed1d8);
  --color-pink-075: var(--pv-pink-75, #fee5e9);
  --color-pink-050: var(--pv-pink-50, #fff5f6);

  /* ── Red ── */
  --color-red-950: var(--pv-red-950, #30060a);
  --color-red-900: var(--pv-red-900, #530b0f);
  --color-red-800: var(--pv-red-800, #751318);
  --color-red-700: var(--pv-red-700, #9b1c21);
  --color-red-600: var(--pv-red-600, #bf1b1e);
  --color-red-500: var(--pv-red-500, #dd2c2c);
  --color-red-400: var(--pv-red-400, #f2504e);
  --color-red-300: var(--pv-red-300, #f77874);
  --color-red-200: var(--pv-red-200, #fca6a2);
  --color-red-100: var(--pv-red-100, #fcd1cf);
  --color-red-075: var(--pv-red-75, #ffe4e3);
  --color-red-050: var(--pv-red-50, #fef4f4);

  /* ── Orange ── */
  --color-orange-950: var(--pv-orange-950, #301100);
  --color-orange-900: var(--pv-orange-900, #532300);
  --color-orange-800: var(--pv-orange-800, #753700);
  --color-orange-700: var(--pv-orange-700, #985100);
  --color-orange-600: var(--pv-orange-600, #c77506);
  --color-orange-500: var(--pv-orange-500, #e68900);
  --color-orange-400: var(--pv-orange-400, #ff9e16);
  --color-orange-300: var(--pv-orange-300, #feb64d);
  --color-orange-200: var(--pv-orange-200, #fecd84);
  --color-orange-100: var(--pv-orange-100, #fee3ba);
  --color-orange-075: var(--pv-orange-75, #feedd3);
  --color-orange-050: var(--pv-orange-50, #fff9ef);

  /* ── Yellow ── */
  --color-yellow-950: var(--pv-yellow-950, #332306);
  --color-yellow-900: var(--pv-yellow-900, #573d0e);
  --color-yellow-800: var(--pv-yellow-800, #785514);
  --color-yellow-700: var(--pv-yellow-700, #9e7118);
  --color-yellow-600: var(--pv-yellow-600, #cc9623);
  --color-yellow-500: var(--pv-yellow-500, #ebaf17);
  --color-yellow-400: var(--pv-yellow-400, #ffc82e);
  --color-yellow-300: var(--pv-yellow-300, #ffdc6e);
  --color-yellow-200: var(--pv-yellow-200, #ffedab);
  --color-yellow-100: var(--pv-yellow-100, #fff6d2);
  --color-yellow-075: var(--pv-yellow-75, #fff9e3);
  --color-yellow-050: var(--pv-yellow-50, #fffcf0);

  /* ── Green ── */
  --color-green-950: var(--pv-green-950, #012421);
  --color-green-900: var(--pv-green-900, #06423d);
  --color-green-800: var(--pv-green-800, #0d6158);
  --color-green-700: var(--pv-green-700, #107a6b);
  --color-green-600: var(--pv-green-600, #1c927f);
  --color-green-500: var(--pv-green-500, #31a893);
  --color-green-400: var(--pv-green-400, #44c1a8);
  --color-green-300: var(--pv-green-300, #6fcfb9);
  --color-green-200: var(--pv-green-200, #99ddcb);
  --color-green-100: var(--pv-green-100, #c4ebe0);
  --color-green-075: var(--pv-green-75, #daf2eb);
  --color-green-050: var(--pv-green-50, #eef9f6);

  /* ── Cyan ── */
  --color-cyan-950: var(--pv-cyan-950, #001a29);
  --color-cyan-900: var(--pv-cyan-900, #00324f);
  --color-cyan-800: var(--pv-cyan-800, #005983);
  --color-cyan-700: var(--pv-cyan-700, #0073aa);
  --color-cyan-600: var(--pv-cyan-600, #008bc7);
  --color-cyan-500: var(--pv-cyan-500, #009edf);
  --color-cyan-400: var(--pv-cyan-400, #2bb2e3);
  --color-cyan-300: var(--pv-cyan-300, #63c6ea);
  --color-cyan-200: var(--pv-cyan-200, #94d9f0);
  --color-cyan-100: var(--pv-cyan-100, #c5eaf7);
  --color-cyan-075: var(--pv-cyan-75, #e1f5fc);
  --color-cyan-050: var(--pv-cyan-50, #f5fbfe);

  /* ── Blue ── */
  --color-blue-950: var(--pv-blue-950, #010e40);
  --color-blue-900: var(--pv-blue-900, #061e61);
  --color-blue-800: var(--pv-blue-800, #0b378d);
  --color-blue-700: var(--pv-blue-700, #0950ba);
  --color-blue-600: var(--pv-blue-600, #0c66d4);
  --color-blue-500: var(--pv-blue-500, #0a76db);
  --color-blue-400: var(--pv-blue-400, #2a94f7);
  --color-blue-300: var(--pv-blue-300, #5caefa);
  --color-blue-200: var(--pv-blue-200, #89c5fa);
  --color-blue-100: var(--pv-blue-100, #c5e3fc);
  --color-blue-075: var(--pv-blue-75, #def0ff);
  --color-blue-050: var(--pv-blue-50, #f1f8fe);

  /* ── Purple ── */
  --color-purple-950: var(--pv-purple-950, #0d0034);
  --color-purple-900: var(--pv-purple-900, #230063);
  --color-purple-800: var(--pv-purple-800, #3f008a);
  --color-purple-700: var(--pv-purple-700, #600cac);
  --color-purple-600: var(--pv-purple-600, #782cb7);
  --color-purple-500: var(--pv-purple-500, #8f4dc3);
  --color-purple-400: var(--pv-purple-400, #a66dce);
  --color-purple-300: var(--pv-purple-300, #bb8ed9);
  --color-purple-200: var(--pv-purple-200, #d0afe4);
  --color-purple-100: var(--pv-purple-100, #e4cfef);
  --color-purple-075: var(--pv-purple-75, #f0e1f7);
  --color-purple-050: var(--pv-purple-50, #f7f0fa);

  /* ── Fuchsia ── */
  --color-fuchsia-950: var(--pv-fuchsia-950, #320c25);
  --color-fuchsia-900: var(--pv-fuchsia-900, #54103c);
  --color-fuchsia-800: var(--pv-fuchsia-800, #761952);
  --color-fuchsia-700: var(--pv-fuchsia-700, #962165);
  --color-fuchsia-600: var(--pv-fuchsia-600, #b52d7a);
  --color-fuchsia-500: var(--pv-fuchsia-500, #d4378d);
  --color-fuchsia-400: var(--pv-fuchsia-400, #de5f9f);
  --color-fuchsia-300: var(--pv-fuchsia-300, #e683b3);
  --color-fuchsia-200: var(--pv-fuchsia-200, #efa9ca);
  --color-fuchsia-100: var(--pv-fuchsia-100, #f6d0e0);
  --color-fuchsia-075: var(--pv-fuchsia-75, #fce3ee);
  --color-fuchsia-050: var(--pv-fuchsia-50, #fff2f7);

  /* ── Magenta → Fuchsia rename ── */
  --color-magenta-950: var(--pv-fuchsia-950, #320c25);
  --color-magenta-900: var(--pv-fuchsia-900, #54103c);
  --color-magenta-800: var(--pv-fuchsia-800, #761952);
  --color-magenta-700: var(--pv-fuchsia-700, #962165);
  --color-magenta-600: var(--pv-fuchsia-600, #b52d7a);
  --color-magenta-500: var(--pv-fuchsia-500, #d4378d);
  --color-magenta-400: var(--pv-fuchsia-400, #de5f9f);
  --color-magenta-300: var(--pv-fuchsia-300, #e683b3);
  --color-magenta-200: var(--pv-fuchsia-200, #efa9ca);
  --color-magenta-100: var(--pv-fuchsia-100, #f6d0e0);
  --color-magenta-075: var(--pv-fuchsia-75, #fce3ee);
  --color-magenta-050: var(--pv-fuchsia-50, #fff2f7);

  /* ── Gray ── */
  --color-gray-950: var(--pv-gray-950, #1a1c22);
  --color-gray-900: var(--pv-gray-900, #2b2f38);
  --color-gray-800: var(--pv-gray-800, #3c434e);
  --color-gray-700: var(--pv-gray-700, #525861);
  --color-gray-600: var(--pv-gray-600, #70767d);
  --color-gray-500: var(--pv-gray-500, #8b9196);
  --color-gray-400: var(--pv-gray-400, #a6acb0);
  --color-gray-300: var(--pv-gray-300, #b8bcbf);
  --color-gray-200: var(--pv-gray-200, #cdd1d4);
  --color-gray-100: var(--pv-gray-100, #e3e6e8);
  --color-gray-075: var(--pv-gray-75, #f0f2f2);
  --color-gray-050: var(--pv-gray-50, #f4f6f7);
  --color-gray-025: var(--pv-gray-25, #fafbfc);

  /* ── Black & White ── */
  --color-black: var(--pv-black, #000000);
  --color-white: var(--pv-white, #ffffff);

  /*
   * ── Legacy aliases for custom DS tokens ──
   * Focus vars point at PrimeVue's focusRing / formField tokens; shadow vars at
   * swiftlyPreset extend tokens (src-client/theme/index.ts). Each carries a
   * literal fallback so the server-rendered login page (no PrimeVue runtime)
   * still resolves it; the SPA gets the live --pv-* value. Fallbacks are the
   * hardcoded values the old @swiftly/primevue-theme css-variables.css defined,
   * inlined rather than via --color-* refs so they survive once those are gone.
   * These can't just be dropped — the login page depends on the fallbacks; as
   * noted at the top of this file, they'll move into a login-specific stylesheet.
   */
  --focus-outline: var(--pv-focus-ring-width, 1px)
    var(--pv-focus-ring-style, solid) var(--pv-focus-ring-color, #0a76db);
  --focus-shadow: var(--pv-form-field-focus-ring-shadow, 0 0 0 3px #2a94f7);
  --color-shadow: var(--pv-sw-shadow-color, rgba(43, 47, 56, 0.09));
  --shadow-xs: var(--pv-sw-shadow-xs, 0px 1px 2px 0px rgba(43, 47, 56, 0.09));
  --shadow-sm: var(--pv-sw-shadow-sm, 0px 2px 6px 2px rgba(43, 47, 56, 0.09));
  --shadow-md: var(--pv-sw-shadow-md, 0px 4px 8px 3px rgba(43, 47, 56, 0.09));
  --shadow-lg: var(--pv-sw-shadow-lg, 0px 6px 10px 4px rgba(43, 47, 56, 0.09));
  --shadow-xl: var(--pv-sw-shadow-xl, 0px 8px 12px 6px rgba(43, 47, 56, 0.09));
  --border-radius: var(--pv-border-radius-sm, 3px);
  --primary-color: var(--pv-primary-color);
  --primary-color-text: var(--pv-primary-contrast-color);
}