Match the 3 Nov color ramps and size-based strokes, and replace leftover palette hex with tokens.

Drop Cookies Settings from the footer, link the Home features that already have pages, and give leftover routes their own descriptions.

app/components/controls/TextInput/TextInput.container.tsx

@@ -102,7 +102,7 @@ const TextInputContainer = forwardRef<HTMLInputElement, TextInputProps>(
       if (disabled) {
         return {
           input:
-            "bg-[var(--color-surface-default-secondary)] text-[var(--color-content-invert-tertiary,#2d2d2d)] border border-solid border-[var(--color-border-default-primary)] cursor-not-allowed",
+            "bg-[var(--color-surface-default-secondary)] text-[var(--color-content-invert-tertiary)] border border-solid border-[var(--color-border-default-primary)] cursor-not-allowed",
           label: "text-[var(--color-content-default-secondary)]",
           inputWrapper: "relative",
           focusRing: "",
@@ -171,7 +171,7 @@ const TextInputContainer = forwardRef<HTMLInputElement, TextInputProps>(
     const inputClasses = `
        w-full transition-all duration-200 ease-in-out
        focus:outline-none focus:ring-0
-       placeholder:text-[var(--color-content-default-tertiary,#b4b4b4)]
+       placeholder:text-[var(--color-content-default-tertiary)]
        ${sizeStyles.input}
        ${stateStyles.input}
        ${className}
@@ -180,7 +180,7 @@ const TextInputContainer = forwardRef<HTMLInputElement, TextInputProps>(
     // Text color for filled text (placeholder color is handled above)
     const textColorClass = isFilled
       ? "text-[var(--color-content-default-primary)]"
-      : "text-[var(--color-content-default-tertiary,#b4b4b4)]";
+      : "text-[var(--color-content-default-tertiary)]";
 
     // Form field handlers with disabled state handling
     const { handleChange, handleBlur } = useFormField<HTMLInputElement>(