/* =============================================
   BASE
   Styles applied to bare HTML elements only — no classes or IDs.
   Includes: html, body, form, input, button, a, ::placeholder.
   If you're styling a tag directly, it belongs here.
   ============================================= */
   
/* Google Fonts import */
@import url("https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Manrope:wght@200..800&display=swap");

/* Root font size — sets 1rem = 10px for easier scaling */
html { font-size: 62.5%; }
body { margin: 0; padding: 0; min-height: 100vh; color: #212026; font-family: "Manrope", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.25em; 
  letter-spacing: 0.015em; }
body::before { content: ""; position: fixed; inset: 0; background: url(/static/img/dev-4.0_bkgrd.jpg) center/cover no-repeat, var(--neut100, #F1EEFC); z-index: -1; }

/* Base form & input styles */
::placeholder, ::-moz-placeholder { color: var(--neut200) !important; font-size: 1.4rem; }
form { width: 100%; }
input[type="email"], input[type="password"], input[type="text"] { width: 100%; max-width: 500px; height: 40px; margin-top: 5px; margin-bottom: 15px; padding-left: 10px; border: 1px solid var(--neut200); border-radius: 6px; font-size: 1.4rem; }
button[type="submit"] { cursor: pointer; background-color: var(--secondp); color: #fff; border-radius: 5px; font-size: 1.6rem; padding: 10px 28px; 
  letter-spacing: 0.025em; font-family: "Manrope", sans-serif; font-weight: 600; line-height: 1.25em; }
button[type="submit"]:hover { background: var(--neut400); }

/* Base button styles — overridden by button[type="submit"] above */
button { border: none; text-align: center; text-decoration: none; cursor: pointer; padding: 10px 30px; letter-spacing: 1px; border-radius: 5px; color: #fff; }
button:hover { background-color: var(--neut300); color: #fff; }
button:active { background-color: var(--neut300); color: #fff; }
.pagination { margin-left: 20px; }
.pagination .button { background: var(--purp700); margin-right: 5px; }
.pagination .button:hover { background: var(--neut400); }
.pagination .button.active { background: var(--purp100); color: var(--neut400); }

/* UIkit button overrides */
.uk-button-danger { background: var(--secondr); font-size: 1.2rem; border-radius: 4px; padding: 0 25px; line-height: 35px; }
.uk-button-default { background: #fff; font-size: 1.2rem; border-radius: 4px; padding: 0 25px; border: 1px solid var(--neut200); margin: 5px 0; line-height: 35px; }
.uk-button-primary { font-size: 1.2rem; background: var(--secondp); border-radius: 4px; padding: 0 25px; border: 1px solid var(--secondp); margin: 5px 0; line-height: 35px; }  
.uk-button-danger:hover, .uk-button-default:hover, .uk-button-primary:hover { background: var(--neut400); border: 1px solid var(--neut400); color: #fff; }