/* style/login.css */

/* Variables from brand colors */
:root {
  --primary-color: #F2C14E;
  --secondary-color: #FFD36B;
  --card-bg: #111111;
  --bg-color: #0A0A0A; /* Page background, consistent with shared.css */
  --text-main: #FFF6D6;
  --border-color: #3A2A12;
  --glow-color: #FFD36B;
  --button-gradient: linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);

  /* Fallback for header offset if shared.css doesn't define it */
  --header-offset: 0px;
}

/* Base styles for the page-login scope */
.page-login {
  background-color: var(--bg-color);
  color: var(--text-main); /* Ensure contrast against dark background */
  font-family: 'Arial', sans-serif; /* Example font */
  line-height: 1.6;
}

/* Ensure all text within main content is readable against the dark background */
.page-login h1,
.page-login h2,
.page-login h3,
.page-login p,
.page-login li,
.page-login label,
.page-login input::placeholder,
.page-login__forgot-password-link,
.page-login__register-link {
  color: var(--text-main);
}

/* Section Containers */
.page-login__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  box-sizing: border-box;
}

.page-login__dark-section {
  background-color: var(--card-bg);
  color: var(--text-main);
}