@use "../functions" as *;
@use "../mixins/tokens" as *;

$form-text-tokens: () !default;

// scss-docs-start form-text-tokens
// stylelint-disable-next-line scss/dollar-variable-default
$form-text-tokens: defaults(
  (
    --form-text-margin-top: .25rem,
    --form-text-font-size: var(--font-size-sm),
    --form-text-font-style: null,
    --form-text-font-weight: null,
    --form-text-color: var(--fg-3),
  ),
  $form-text-tokens
);
// scss-docs-end form-text-tokens

@layer forms {
  .form-text {
    @include tokens($form-text-tokens);

    margin-top: var(--form-text-margin-top);
    font-size: var(--form-text-font-size);
    font-style: var(--form-text-font-style);
    font-weight: var(--form-text-font-weight);
    color: var(--form-text-color);
  }
}