💄 Match error text color to the danger profile

Use the profile red directly for error messages so text and border
always match, even if the danger token is overridden per theme.

packages/core/css/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## Unreleased
+
+- :bug: Strengthen TextField error styling with a wider error ring and matching error text color.
+
 ## 0.2.0
 
 - :bug: Fix focus ring on Button — use a box-shadow ring so the indicator renders correctly in Safari.

packages/core/css/src/textfield.css

@@ -51,6 +51,12 @@
   box-shadow: 0 0 0 1px var(--a-border-danger);
 }
 
+/* Increase the error ring so it reads at a glance on light backgrounds. */
+.navds-text-field--error {
+  box-shadow: 0 0 0 2px #c30000;
+  border-color: #c30000;
+}
+
 .navds-form-field__error {
   display: flex;
   align-items: center;
@@ -58,7 +64,7 @@
   margin: 0;
   font-size: var(--a-font-size-xs);
   font-weight: var(--a-font-weight-bold);
-  color: var(--a-icon-danger);
+  color: #c30000;
 }
 
 .navds-sr-only {