/* Colors — transcribed verbatim from the Figma "Colors / Main brand colors" guide artboard (Shinhan 1). */
:root{
  /* Main brand scale */
  --blue-500:#143898;--blue-400:#0046FF;--blue-300:#476EFF;--blue-200:#91A8FF;
  --blue-100:#DAE2FF;--blue-050:#EBF0FF;--blue-030:#F5F7FF;
  /* Intermediate / neutral scale */
  --black:#000000;--gray-080:#333333;--gray-075:#666666;--gray-070:#555555;
  --gray-060:#BBBBBB;--gray-030:#EEEEEE;--white:#FFFFFF;
  /* Accents */
  --sky-blue:#4BAFF5;--light-blue:#D5F3FF;--dark-blue:#00458E;
  /* Notification scale */
  --red-300:#FF4B44;--yellow-300:#FFAB00;--green-300:#17A381;--green-200:#44CFAD;
  /* Extra surface / line values used across the app screens */
  --gray-line:#E4E4E4;--gray-field:#F2F2F2;--surface-alt:#F8F9FC;--surface-tint:#F6F8FB;
  --ink-body:#323B45;--ink-muted:#979797;--ink-caption:#2C2C2C;

  /* Semantic aliases */
  --brand-primary:var(--blue-400);
  --brand-primary-hover:var(--blue-300);
  --brand-primary-deep:var(--blue-500);
  --text-heading:var(--gray-080);
  --text-body:var(--ink-body);
  --text-muted:var(--gray-075);
  --text-disabled:var(--gray-060);
  --text-on-brand:var(--white);
  --text-link:var(--blue-400);
  --surface-page:var(--white);
  --surface-card:var(--white);
  --surface-subtle:var(--blue-030);
  --surface-selected:var(--blue-050);
  --surface-field:var(--gray-field);
  --border-default:var(--gray-line);
  --border-strong:var(--gray-060);
  --border-focus:var(--blue-400);
  --state-error:var(--red-300);
  --state-warning:var(--yellow-300);
  --state-success:var(--green-300);
  --state-success-soft:var(--green-200);
  --state-info:var(--sky-blue);
}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--blue-300);text-decoration:underline}