/*
  Formelle — base styles / design tokens
  Colors below are the exact values supplied by the client for the
  Sign In screen. Anything marked TODO is a placeholder until confirmed.
*/

/* Brand font (client-confirmed, matches the Figma frames): Manrope, via
   Google Fonts. Loaded once here — every page already links base.css in
   its <head>, so this is the single place the whole project picks up
   the font from; no per-page <link> tags needed. @import must be the
   very first rule in the file (before :root) or the browser ignores it.
   Weights pulled: 400/500/600/700/800 — every font-weight value used
   anywhere in the project's CSS/views. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --color-panel-bg: #FFFFFF;      /* middle boxes / input background */
  --color-text: #202020;          /* body text + button color */
  --color-button: #202020;
  --color-button-text: #FFFFFF;
  --color-eyebrow: #9E94AB;       /* "WELCOME BACK" label */
  --color-placeholder: #73706E;   /* email placeholder ("emma@example.com") */
  --color-link-muted: #696663;    /* "New to Formelle?" text */

  /* TODO: not supplied yet — confirm with client/design before final QA */
  --color-page-bg: #F5F3F1;
  --color-header-bg: #F3EFE7;     /* TODO: exact hex not given — approximated from Figma header bar */
  --font-family-base: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* Brand font confirmed: Manrope (matches Figma) — system fonts kept as fallback only, in case the Google Fonts request is ever blocked */
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* safety net: nothing should ever cause horizontal scroll on small screens */
  width: 100%;
}

body {
  font-family: var(--font-family-base);
  color: var(--color-text);
  background: var(--color-page-bg);
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
}