/* =========================================================================
   Restart CRM — design tokens
   Values pulled 1:1 from the Figma file "Restart — Admin"
   (node 2767:16272, "Log in"). Keep these in sync if the design system
   file changes — token names mirror Figma's own variable names so this
   file can be cross-referenced with the design directly.
   ========================================================================= */
:root{
  /* surfaces */
  --surface-900: #242547;   /* left hero panel background */
  --primary-300: #8ad4ff;   /* right panel background */

  /* dialog (the "Sign in" card) */
  --dialog-background: #ffffff;
  --dialog-border-color: #e1e3ef;
  --dialog-border-radius: 12px;
  --dialog-header-padding: 17.5px;
  --dialog-title-font-weight: 600;
  --dialog-title-font-size: 19.5px;
  --dialog-color: #4a4c7e;
  --dialog-footer-gap: 7px;
  --dialog-shadow: 0px 8px 10px -6px rgba(0,0,0,0.1), 0px 20px 25px -5px rgba(0,0,0,0.1);

  /* generic text */
  --text-color: #4a4c7e;
  --app-font-size: 16px;

  /* inputs */
  --inputtext-background: #ffffff;
  --inputtext-border-color: #d5d9e7;
  --inputtext-border-radius: 6px;
  --inputtext-padding-x: 11.5px;
  --inputtext-padding-y: 8px;
  --inputtext-placeholder-color: #8287ab;
  --inputtext-shadow: 0px 1px 1px rgba(18,18,23,0.05);

  /* select (language switcher) */
  --select-background: #ffffff;
  --select-border-color: #d5d9e7;
  --select-border-radius: 6px;
  --select-shadow: 0px 1px 1px rgba(18,18,23,0.05);
  --cascadeselect-color: #4a4c7e;

  /* checkbox */
  --checkbox-background: #ffffff;
  --checkbox-border-color: #d5d9e7;
  --checkbox-border-radius: 4px;

  /* buttons */
  --button-gap: 7px;
  --button-padding-x: 11.5px;
  --button-padding-y: 8px;
  --button-border-radius: 6px;
  --button-text-primary-color: #24aeff;  /* "Forgot password" link */
  --button-help-background: #ffd900;     /* primary "Sign in" button */
  --button-help-border-color: #ffd900;
  --button-help-color: #000000;

  /* feedback */
  --error-color: #d0364a;
  --error-bg: #fdeaec;
}

*, *::before, *::after{ box-sizing: border-box; }

html, body{
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-family: 'Inter', system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--text-color);
}

img, svg{ display:block; max-width:100%; }

button{ font-family: inherit; cursor:pointer; }
input, select{ font-family: inherit; }

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

.visually-hidden{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}