// pages/_forms.sass

@use '../abstracts' as *
@use '../base' as *

#edit-page-form-novaconium
  // Form groups: Spacing
  .form-group
    margin-bottom: space('md')  // 1rem

    &.fullwidth textarea
      width: 100%
      resize: vertical

  .checkbox-group
    margin-top: space('lg')  // 1.5rem

  // Inputs: Dark bg, green focus
  input[type="text"],
  input[type="number"],
  textarea,
  select
    background-color: color('bg-darker')  // Deeper green-black
    border: 1px solid color('border-light')
    color: $text-light
    padding: space('sm')
    border-radius: 4px
    font-family: 'VT323', $mono-font  // Matrix monospace

    &:focus
      border-color: $accent-light  // Lime focus
      box-shadow: 0 0 0 space('xs') rgba($accent-light, 0.3)  // Glow ring
      outline: none

  input[type="checkbox"]
    accent-color: $accent-light  // Green checkbox

  // Submit button: Green primary
  button[type="submit"]
    background-color: $accent-light
    color: color('bg-dark')  // Dark text on green
    border: none
    padding: space('sm') space('md')
    border-radius: 4px
    cursor: pointer
    font-family: 'VT323', $mono-font

    &:hover, &:focus
      background-color: hsl(120, 100%, 30%)  // Darker green (35% L -5%)
      box-shadow: 0 0 4px rgba($accent-light, 0.5)

  // Text/links: Muted with hover
  p
    color: $text-muted

  a
    color: $accent-light

    &:hover
      color: $text-lighter  // Brighter green
      text-decoration: underline