TEMP CHECK: Add probe files for color linting tests

Author: Steve-Mcl

frontend/src/__lint_probe__.scss

@@ -0,0 +1,15 @@
+// PROBE FILE — deliberate lint violations for testing scripts/lint-colors.js. DELETE ME.
+
+.probe {
+    // Check 1: banned SCSS alias
+    color: $ff-grey-700;
+
+    // Check 1: hex literal in a color property
+    background-color: #374151;
+
+    // Check 1: named color keyword in a color property
+    border: 1px solid black;
+
+    // Check 1: raw palette var used directly in a color property
+    fill: var(--ff-palette-red-500);
+}

frontend/src/__lint_probe__.vue

@@ -0,0 +1,21 @@
+<!-- PROBE FILE — deliberate lint violations for testing scripts/lint-colors.js. DELETE ME. -->
+<template>
+    <!-- Check 2: banned Tailwind utility classes in templates -->
+    <div class="bg-black">probe: bg-black</div>
+    <div class="text-red-50">probe: text-red-50</div>
+    <div class="text-gray-100">probe: text-gray-100</div>
+    <div class="text-yellow-200">probe: text-yellow-200</div>
+
+    <!-- Check 1: hex literal in a color property -->
+    <span style="color: #374151;">probe: hex literal</span>
+
+    <!-- Check 1: named color keyword in a color property -->
+    <span style="background: white;">probe: named color</span>
+
+    <!-- Check 1: banned SVG fill/stroke attributes -->
+    <svg>
+        <rect fill="#ff0000" />
+        <rect stroke="red" />
+        <rect fill="var(--ff-palette-grey-700)" />
+    </svg>
+</template>

frontend/src/ui-components/stylesheets/ff-theme-light.scss

@@ -4,6 +4,9 @@
 [data-theme="light"] {
     color-scheme: light;
 
+    /* PROBE: theme-parity violation — token defined in light but not dark. DELETE ME. */
+    --ff-color-probe-only-light:  var(--ff-palette-white);
+
     --ff-color-bg-app:            var(--ff-palette-white);
     --ff-color-bg-surface:        var(--ff-palette-grey-50);
     --ff-color-bg-surface-raised: var(--ff-palette-grey-100);