/* ==========================================================================
   TOPMIX Data Entry Form — semantic design tokens
   Layered on top of the TOPMIX Design System tokens (tokens/colors.css etc).
   Reference these as var(--form-*) from inline styles.
   ========================================================================== */
:root {
  /* --- Page & surfaces --- */
  --form-page-bg:            var(--surface-sand);
  --form-card-bg:            var(--surface-card);

  /* --- Field borders --- */
  --form-field-border:            var(--border-default); /* default / unfocused */
  --form-field-border-focus:      var(--green-700);       /* focused field outline */

  /* --- Text colours --- */
  --form-heading-color:      var(--primary-700, #464C40);
  --form-body-text:          var(--text-muted);            /* descriptions, helper text */
  --form-input-text:         var(--text-strong);           /* value typed into a field */
  --form-label-color:        var(--text-muted);            /* field caption labels */

  /* --- Mandatory-field indicator (the "*") --- */
  --form-mandatory-empty:    var(--danger);                /* field required & empty */
  --form-mandatory-filled:   var(--text-muted);             /* field required & filled */

  /* --- Validation / error messages --- */
  --form-error-text:         var(--danger);                /* "Invalid email", etc. */
  --form-remove-icon:        var(--danger);                /* file row ✕ */

  /* --- Lucky-draw token toast --- */
  --form-toast-text:         #2f5fa8;

  /* --- Links --- */
  --form-link-color:         var(--green-700);
  --form-link-hover:         var(--green-800, #245c37);

  /* --- Submit button --- */
  --form-button-enabled-bg:      var(--green-grass);
  --form-button-enabled-text:    var(--white);
  --form-button-disabled-bg:     var(--tertiary-200);
  --form-button-disabled-text:   var(--text-strong);
  --form-button-disabled-opacity: 0.45;
}